Esta página foi traduzida do inglês pela comunidade. Saiba mais e junte-se à comunidade MDN Web Docs.
<label>
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since julho de 2015.
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).
- As categorias de conteúdo Flow content, phrasing content, interactive content, form-associated element, palpable content.
- conteúdo permitido Phrasing content, mas há elementos do rótulo descendente. Nenhum outro do que o controle rotulado elementos labelable são permitidos.
- Omissão de tag Nenhuma, tanto a tag inicial quanto a final são obrigatórias.
- Elementos pai permitidas Qualquer elemento que aceita phrasing content.
- DOM interface
HTMLLabelElement
Atributos
A tecla de atalho para acessar este elemento a partir do teclado.
accesskey-
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-
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 |
|---|
| HTML> # the-label-element> |
Compatibilidade com navegadores
Loading...
See also
- Other form-related elements:
<form>,<button>,<datalist>,<legend>,<select>,<optgroup>,<option>,<textarea>,<fieldset>,<output>,<progress>and<meter>.