Esta página ha sido traducida del inglés por la comunidad.Aprende más y únete a la comunidad de MDN Web Docs.
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 elementosen 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" type="text" tabindex="1" /> <label for="apellidos">Apellidos:</label> <input name="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>