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>