Exemplo
elementos relacionados do grupo em um formulário:
<form>
<fieldset>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
</form>
Tente você mesmo " Definição e Uso
O <fieldset> tag é usada para agrupar elementos relacionados em um formulário.
O <fieldset> tag desenha uma caixa em torno dos elementos relacionados.
Suporte a navegadores
| Elemento | |||||
|---|---|---|---|---|---|
| <fieldset> | sim | sim | sim | sim | sim |
Dicas e Notas
Dica: O <legend> tag define uma legenda para a <fieldset> elemento.
Diferenças entre HTML 4.01 e HTML5
HTML5 adicionou novos atributos para <fieldset> .
Atributos
= Novo em HTML5.
| Atributo | Valor | Descrição |
|---|---|---|
| disabled | disabled | Especifica que um grupo de elementos de formulário relacionados deve ser desativado |
| form | form_id | Especifica uma ou mais formas do fieldset pertence |
| name | text | Especifica um nome para o conjunto de campos |
Atributos globais
O <fieldset> tag também suporta o Global de Atributos em HTML .
Atributos de eventos
O <fieldset> tag também suporta o evento Atributos em HTML .
Páginas relacionadas
Referência HTML DOM: Fieldset Objeto
Configurações CSS padrão
A maioria dos navegadores irá exibir o <fieldset> elemento com os seguintes valores padrão:
fieldset {
display: block;
margin-left: 2px;
margin-right: 2px;
padding-top: 0.35em;
padding-bottom: 0.625em;
padding-left: 0.75em;
padding-right: 0.75em;
border: 2px groove ( internal value );
}