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>