Los últimos tutoriales de desarrollo web
 

HTML <fieldset> Tag


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>

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 );
}