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>