Esta tradução está incompleta. Por favor, ajude a traduzir este artigo.

Resumo

Um elemento HTML <label> representa uma legenda para um item em uma interface de usuário. Ele pode estar associado com um elemento de controle, colocando este dentro do elemento label, ou usando o atributo for. Tal controle é chamado o controle etiquetado do elemento etiqueta. Um input pode ser associado a diversas etiquetas (<label>s).

Atributos

A tecla de atalho para acessar este elemento a partir do teclado.

accesskey HTML 4 HTML5
A tecla de atalho para acessar este elemento a partir do teclado.
for
O ID de um elemento de formulário relacionados com labelable no mesmo documento como o elemento label. O primeiro elemento tal no documento com uma ID correspondente ao valor do atributo é o controle marcado for este elemento etiqueta.
Nota: Um elemento etiqueta pode ter tanto um for o atributo e um elemento de controlo continham, enquanto os pontos de atributo para o elemento de controlo contido.
form HTML5
O elemento de forma que o elemento label está associado a (seu proprietário formulário). O valor do atributo deve ser uma identificação de um <form> elemento no mesmo documento. Se este atributo não for especificado, este elemento <label> deve ser um descendente de uma <form> elemento. Este atributo permite que você coloque elementos do rótulo em qualquer lugar dentro de um documento, e não apenas como descendentes de seus elementos de formulário.

Exemplo

Exemplo simples de label

<label>Click me <input type="text" id="User" name="Name" /></label>

Usando o atributo "for"

<label for="User">Click me</label>
<input type="text" id="User" name="Name" />

Especificações

Specification Status Comment
HTML Living Standard
The definition of '<label>' in that specification.
Padrão em tempo real  
HTML5
The definition of '<label>' in that specification.
Recomendação  
HTML 4.01 Specification
The definition of '<label>' in that specification.
Recomendação  

Compatibilidade de navegadores

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Característica Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support (Yes) (Yes) (Yes) (Yes) (Yes)
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support (Yes) (Yes) (Yes) (Yes) (Yes)

Notes

Click events in nested <label> elements

Starting with Gecko 8.0 (Firefox 8.0 / Thunderbird 8.0 / SeaMonkey 2.5), a bubbling click event triggers at most one <label>, and the synthetic click event cannot trigger additional <label>s. In Gecko, a click event will still bubble up past a <label>, while in WebKit or Internet Explorer the click event will stop at the <label>. The behavior prior to Gecko 8.0 (triggering multiple <label>s) caused Firefox to stop responding (see bug 646157).

See also

Etiquetas do documento e colaboradores

Colaboradores desta página: Edionay, jyrodrigues, DavidL_Santos, teoli, Nathalino_Pacheco
Última atualização por: Edionay,