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

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
# the-label-element

Compatibilidade com navegadores

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
label
for

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

See also