← Voltar à biblioteca
Formulários

Grupo de campos

Fieldset

Reúne controles relacionados com um título comum.

Endereço

Exemplo didático · Experimente os controles acima

Quando usar

Organizar endereços ou grupos de opções relacionadas.

Cuidados e acessibilidade

Use legend para explicar a finalidade do grupo sem repetir todos os rótulos.

Partes e comportamento

Agrupamento semântico de controles e título por legend.

Não confunda

Um contorno desenhado com CSS não cria automaticamente um grupo semântico.

Exemplo de código

<fieldset>
  <legend>Endereço</legend>
  <label for="cidade">Cidade</label>
  <input id="cidade" autocomplete="address-level2">
</fieldset>

Trecho didático. Integre e teste no contexto do seu projeto.

Peça assim para uma IA

BIBLIOTECA UI / EXPLORAR