<label>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 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.
- Tag omissão
unsupported templ: no_tag_omission - 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 Standard # the-label-element |
Compatibilidade com navegadores
BCD tables only load in the browser
See also
- Other form-related elements:
<form>
,<button>
,<datalist>
,<legend>
,<select>
,<optgroup>
,<option>
,<textarea>
,<fieldset>
,<output>
,<progress>
and<meter>
.