English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
O elemento '<label>' HTML (rótulo) representa a descrição de algum elemento na interface do usuário. O rótulo '<label>' é usado para gerar títulos para entradas do usuário (por exemplo, rótulos '<button>', '<input>', '<meter>', '<output>', '<progress>', '<select>' ou '<textarea>'), geralmente também chamado de elemento '<label>'.
Um formulário HTML simples com dois campos de entrada e rótulos relacionados:
!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML5 Uso de rótulo '<label>' (Tutorial básico da web oldtoolbag.com)</title> </head> <body> <h1>Uso de rótulo</h1> <form action="demo-form.php"> <label for="company">Empresa: </label> <input type="text" name="company" id="company"><br> <label for="address">Endereço: </label> <input type="text" name="address" id="address"><br> <input type="submit" value="Enviar"> </form> </body> </html>Teste e veja ‹/›
IEFirefoxOperaChromeSafari
A maioria dos navegadores suporta o rótulo '<label>'.
O rótulo '<label>' define uma anotação (marca) para o elemento 'input'. Ele é usado para exibir o título do controle interativo na página da web.
O elemento 'label' não apresenta nenhum efeito especial para o usuário. No entanto, ele melhora a acessibilidade para os usuários de mouse. Se você clicar no texto dentro do elemento 'label', será acionado este controle. Isso significa que, quando o usuário seleciona este rótulo, o navegador transfere automaticamente o foco para o controle de formulário relacionado ao rótulo.
O atributo "for" da etiqueta <label> deve ser o mesmo que o atributo "id" do elemento relacionado.
Avisos:O atributo "for" pode vincular o label a outro elemento. Defina o valor do atributo "for" como o valor do atributo "id" do elemento relacionado.
"form" atributo é HTML5 novo atributo.
New: HTML5 Novo atributo.
| Atributo | Valor | Descrição |
|---|---|---|
| for | element_id | Define qual elemento de formulário o label está vinculado. |
| formHTML5 | form_id | Define um ou mais campos de formulário pertencentes ao campo label. |
<label> etiqueta suporta atributos globais, veja a tabela de atributos completa Atributos globais HTML.
<label> etiqueta suporta todos Atributos de eventos HTML.