
El elemento html fieldset se utiliza para agrupar varios elementos y banners (label
) en un formulario en un documento HTML. Esto hace que sus formularios sean más fáciles de usar y más claros.
Un ejemplo de uso del elemento <fieldset>
en el que el elemento es su <legend>
primer child, y los dos elementos <input>
y <label>
:
< form action = "test.php" method = "post" > < fieldset > < legend > título </ legend > < input type = "radio" id = "radio" > < label for = "radio" > haga clic aquí </ label > < input type = "enviar" valor = "enviar" > </ fieldset > </ form >
Etiqueta html fieldset
Clasificaciones de contenido | Un elemento organizativo, un elemento divisional y un elemento relacionado con el modelo. |
---|---|
Contenido permitido | Un elemento <legend> opcional seguido de contenido normal. |
Acrónimo | Las etiquetas de inicio o finalización no se pueden omitir. |
Elementos del padre | Cualquier elemento que acepte contenido normativo. |
Interfaz DOMO | HTMLFieldSetElement |
Soporte de navegadores
Chrome | Firefox | Edge | Safari | Ópera |
---|---|---|---|---|
Soportado | Soportado | Soportado | Soportado | Soportado |
La función form
no se admite en ningún navegador importante en el momento en que se escribió esta página.
Características
En este elemento html fieldset se pueden utilizar propiedades globales.
disabled
Si se establece esta propiedad booleana, todos los hijos del modelo están deshabilitados, excepto los hijos del elemento <legend>
opcional.
Los elementos deshabilitados son elementos no modificables que no recibirán eventos como clics del mouse o foco, y los navegadores generalmente los muestran en plateado.
Ejemplo de uso de la propiedad disabled
para deshabilitar todos los campos dentro del elemento <fieldset>
:
< form action = "test.php" method = "post" > < fieldset deshabilitado > < legend > título </ legend > < input type = "radio" id = "radio" > < label for = "radio" > haga clic aquí </ label > < input type = "enviar" valor = "enviar" ></ fieldset > </ form >
form
Esta propiedad es el valor de propiedad del id
elemento con el <form>
que está relacionado este elemento, el valor predeterminado es el valor de propiedad del elemento padre id
más cercano <form>
de ese elemento.
Un ejemplo del uso de la propiedad form
para especificar qué forma debe seguir un elemento <fieldset>
:
< form action = "test.php" method = "post" id = "form1" > </ form > < fieldset form = "form1" > < legend > título </ legend > < input type = "radio" id = " radio " > < label for = " radio " > haga clic aquí </ label > < input type = "enviar" value = "enviar" > </ fieldset >
name
El nombre asociado con este grupo.
< fieldset name = "myset" > < legend > Título </ legend > < input type = "radio" id = "radio" > < label for = "radio" > Haz clic en mí </ label > < input type = "submit" > </ fieldset >
Formato predeterminado
La mayoría de los navegadores muestran el elemento de <fieldset>
establecer la propiedad display
de block
, y el establecimiento de márgenes ( margin-left
y margin-right
), las notas al pie ( padding-top
, padding-right
, padding-bottom
y padding-left
), y el marco ( border-width
, border-style
, border-color
y border-image
):
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-width: 2px; border-style: groove; border-color: threedface; border-image: initial; }
- Elemento summary en HTML
- Elemento details en HTML
- Elemento meter en HTML
- Elemento legend en HTML
- Elemento textarea en HTML
- Elemento select en HTML
- Elemento progress en HTML
- Elemento output en HTML
- Elemento option en HTML
- Elemento optgroup en HTML
- Elemento track en HTML
- Elemento label en HTML
- Elemento input en HTML
- Elemento form en HTML
- Elemento fieldset en HTML
- Elemento datalist en HTML
- Elemento button en HTML
- Elemento tr en HTML
- Elemento thead en HTML
- Elemento th en HTML
- Elemento tbody en HTML
- Elemento tfoot en HTML
- Elemento table en HTML
- Elemento td en HTML
- Elemento colgroup en HTML
- Elemento col en HTML
- Elemento caption en HTML
- Elemento del en HTML
- Elemento script en HTML
- Elemento noscript en HTML
- Elemento canvas en HTML
- Elemento picture en HTML
- Elemento ins en HTML
- Elemento video en HTML
- Elemento source en HTML
- Elemento param en HTML
- Elemento object en HTML
- Elemento embed en HTML
- Elemento map en HTML
- Elemento img en HTML
- Elemento audio en HTML
- Elemento area en HTML