fieldset

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Definición

El elemento fieldset (grupo de campos) permite organizar en grupos los campos de un formulario.

Sus etiquetas son: <fieldset> y </fieldset> (ambas obligatorias).

Crea una caja: en bloque.

Está definido como: Elemento en bloque.

Puede contener: un elemento legend (opcional), y despues cero o más elementos en bloque o en linea

Atributos

Atributo valor descripción
Genéricos
title texto implícito título consultivo del elemento.
style reglas de estilo implícito información de estilo en línea.
id ID implícito identificador único a nivel de documento.
class lista de clases separadas por espacios implícito identificador a nivel de documento
dir uno de los siguientes:"ltr" o "rtl" implícito dirección del texto débil/neutral
lang código de idioma implícito información sobre el idioma
Eventos: onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.
Específicos
No tiene
de transición
No tiene
Atributo valor descripción

Ejemplos

El siguiente código:

<form>

 <fieldset>
  <legend>Información Personal</legend>
  Nombre: <input name='nombre' type='text' tabindex='1'>
  Apellidos: <input name='apellidos' type='text' tabindex='2'>
 </fieldset>

 <fieldset>
  <legend>edad</legend>
  <input type='checkbox' tabindex='20'
            name='edad' value='20-39' > 20-39
  <input type='checkbox' tabindex='21'
            name='edad' value='40-59' > 40-59
  <input type='checkbox' tabindex='22'
            name='edad' value='60-79' > 60-79
 </fieldset>

</form>