<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.
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

html

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

Usando o atributo "for"

html

<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