Ejemplo
elementos relacionados con el grupo en un formulario:
<form>
<fieldset>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
</form>
Inténtalo tú mismo " Definición y Uso
La <fieldset> etiqueta se utiliza para los elementos relacionados con el grupo en un formulario.
La <fieldset> etiqueta dibuja una caja alrededor de los elementos relacionados.
Soporte para el navegador
Elemento | |||||
---|---|---|---|---|---|
<fieldset> | Sí | Sí | Sí | Sí | Sí |
Notas y sugerencias
Consejo: La <legend> etiqueta define un título para el <fieldset> elemento.
Diferencias entre HTML 4.01 y HTML5
HTML5 ha añadido nuevos atributos para <fieldset> .
atributos
= Nuevo en HTML5.
Atributo | Valor | Descripción |
---|---|---|
disabled | disabled | Especifica que un grupo de elementos de formularios correspondientes, se debe desactivarse |
form | form_id | Especifica una o más formas conjunto de campos que pertenece |
name | text | Especifica un nombre para el conjunto de campos |
Los atributos globales
La <fieldset> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
La <fieldset> etiqueta también es compatible con la atributos de eventos en HTML .
Páginas relacionadas
Referencia HTML DOM: Fieldset Objeto
Ajustes por defecto CSS
La mayoría de los navegadores mostrarán el <fieldset> elemento con los siguientes valores predeterminados:
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 );
}