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>