fieldset
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since julio de 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>