09/03/2026

Formulario: fieldset e legend

Usados para agrupar campos relacionados dentro de um formulário.

<fieldset> </fieldset>

→ Cria uma área agrupada.
→ Normalmente aparece com borda ao redor.


<legend>Dados Pessoais</legend>

→ Título do grupo de campos.
→ Fica sobre a borda do fieldset.


Exemplo:
<fieldset>

<legend>Cadastro</legend>

<label>Nome:</label>
<input type="text">

<label>Email:</label>
<input type="email">

</fieldset>

Função prática:
  • Organizar formulários grandes
  • Separar seções
  • Melhorar leitura
  • Acessibilidade

Uso comum:
  • Dados pessoais
  • Endereço
  • Pagamento
  • Preferências

Resumo fácil:

fieldset = caixa que agrupa campos.
legend = título dessa caixa.

Nenhum comentário:

Postar um comentário

Sobre Mim
Hi! Meu nome é Andréa Alark, mas conhecida como Wendy dona do blog Bunny Crazy. O blog foi criado em 2010 na intenção de ajudar a criação e desenvolvimento do seu blog. Aqui encontrará tutoriais e dicas de HTML, layouts gratuitos e muito mais.