Última atualização: 2026-09-12
<label>Elemento LABEL
O elemento <label> define um rótulo para um controle de formulário. O atributo for o vincula ao id do controle; clicar no rótulo foca/ativa o controle, melhorando acessibilidade e experiência de toque.
| Categoria | Formulários |
|---|---|
| Modelo de Conteúdo | Conteúdo de frase (sem <label> aninhado) |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de frase |
| Tag de Fechamento | Sim — requer fechamento </label> tag |
| Status | Padrão |
📝 Sintaxe
<label for="username">Usuário:</label>
<input type="text" id="username">⚙️ Atributos
Este elemento suporta os atributos globais mais os seguintes:
| Atributo | Valor | Descrição |
|---|---|---|
for | Element ID | The ID of the associated form control. |
▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <label> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
🏷️ Tags Relacionadas
💡 Casos Relacionados
📚 Tutoriais Relacionados
