legend
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 <legend> (leyenda) crea un título para un grupos los campos (
<fieldset>) de un formulario. -
Sus etiquetas son: <legend> y </legend> (ambas obligatorias).
Crea una caja: en bloque
Está definido como:
Debe contener: cero o más elementos en linea
Debe estar contenido por: debe ser el primer hijo de un elemento
<fieldset>
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 | |||
accesskey |
un caracter | implícito | carácter de la tecla de acceso rápido |
| de transición | |||
align |
uno de los siguientes: "top", "bottom", "left" o "right" | implícito | alineación con relación al fieldset |
| Atributo | valor | descripción | |
Ejemplos
<form>
<fieldset>
<legend>Información Personal</legend>
<label for="nombre">Nombre:</label>
<input name="nombre" id="nombre" type="text" tabindex="1" />
<label for="apellidos">Apellidos:</label>
<input name="apellidos" id="apellidos" type="text" tabindex="2" />
</fieldset>
<fieldset>
<legend>Edad</legend>
<label><input type="checkbox" tabindex="20" name="edad" value="20-39" /> 20-39</label>
<label><input type="checkbox" tabindex="21" name="edad" value="40-59" /> 40-59</label>
<label><input type="checkbox" tabindex="22" name="edad" value="60-79" /> 60-79</label>
</fieldset>
</form>