Agrupando Elementos de Formulário para Melhor Estrutura
Deslize para mostrar o menu
Quando os campos de um formulário estão relacionados, agrupá-los ajuda os usuários a processar as informações com mais facilidade. Isso divide formulários grandes em seções menores e claras, melhorando a usabilidade. Em HTML, o agrupamento é feito com <fieldset> e <legend>.
Elementos fieldset e legend
<fieldset>agrupa controles de formulário relacionados;<legend>adiciona um título para esse grupo.
Útil para botões de opção (radio buttons), caixas de seleção (checkboxes) e qualquer seção de campos relacionados.
index.html
index.css
Exemplo
Este exemplo utiliza o elemento fieldset para agrupar controles de formulário relacionados e o elemento legend para fornecer uma legenda ao grupo. O foco está em um formulário de seleção de produtos onde os usuários podem escolher vários produtos.
index.html
index.css
- O
fieldsetagrupa as caixas de seleção em uma única seção lógica; - O
legendinforma ao usuário sobre o que é o grupo; - Caixas de seleção permitem selecionar vários itens.
Você concluiu a etapa final de HTML. Se quiser continuar desenvolvendo suas habilidades, seu próximo passo é CSS, onde você aprenderá a estilizar e criar páginas web modernas e atraentes.
1. Qual é a finalidade do elemento legend em fieldsets HTML?
2. Por que é importante agrupar elementos de formulário relacionados com o elemento fieldset?
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
