legend
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 <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>