<legend>: Elemento LEGEND
Última atualização: 2026-10-13
<legend>Elemento LEGEND
Fornece um rótulo visível para um fieldset; deve ser seu primeiro filho.
| Categoria | Formulários |
|---|---|
| Modelo de Conteúdo | Conteúdo de fluxo |
| Pais Permitidos | Qualquer elemento que aceite conteúdo de fluxo |
| Tag de Fechamento | Sim — requer fechamento </legend> tag |
| Status | Padrão |
📝 Sintaxe
<legend>Título do grupo</legend>▶ Exemplo
Edite o código abaixo e veja o resultado em tempo real no playground:
🌐 Suporte de Navegadores
| Navegador |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <legend> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| Suportado em todos os navegadores principais | |||||
Dica： legend aparece apenas dentro de fieldset, geralmente como primeiro filho.
❓ Perguntas Frequentes
Qlegend precisa ser o primeiro filho de fieldset?
ASim, a especificação exige
<legend> como primeiro filho de <fieldset>; só assim o navegador o renderiza como título sobre a borda do grupo, e o leitor de tela o usa como nome do grupo.Qlegend pode ser usada fora de fieldset?
ANão;
<legend> só faz sentido dentro de <fieldset>. Títulos de agrupamentos comuns usam <h2>-<h6> ou <p>; pares campo+legenda usam fieldset+legend.QO estilo de legend pode ser personalizado?
ASim, aceita CSS normal (fonte, cor, fundo). Um truque clássico de layout: a legend «monta» em cima da borda do fieldset e sua posição se ajusta por margin; em layouts flutuantes, a legend pode até ser o primeiro elemento flutuado (característica histórica).
🏷️ Tags Relacionadas
💡 Casos Relacionados
Mais estudos de caso em breve — volte mais tarde.
📚 Tutoriais Relacionados
