🛡️ <fieldset> — Agrupando campos de formulário

A tag <fieldset> é usada para agrupar campos relacionados dentro de um formulário, melhorando a organização visual e a acessibilidade.

Como Usar com <legend>

Normalmente, <fieldset> é combinado com a tag <legend>, que fornece um título ou legenda para o grupo de campos, tornando o formulário mais claro para os usuários e leitores de tela.

Exemplo Prático

<form>
  <fieldset>
    <legend>Informações Pessoais</legend>
    <label for="nome">Nome:</label>
    <input type="text" id="nome" name="nome"><br>
    <label for="email">Email:</label>
    <input type="email" id="email" name="email">
  </fieldset>

  <fieldset>
    <legend>Endereço de Entrega</legend>
    <label for="rua">Rua:</label>
    <input type="text" id="rua" name="rua"><br>
    <label for="cidade">Cidade:</label>
    <input type="text" id="cidade" name="cidade">
  </fieldset>
</form>
Informações Pessoais