Etiqueta legend

La etiqueta legend define una leyenda para la agrupación de campos de un formulario HTML, creada con la etiqueta fieldset.

Si se aplican a la etiqueta legend estilos CSS de posicionamiento (float, position etc.), su contenido saldrá del marco y se colocará en el lugar correspondiente (no habrá ruptura en el marco en ese caso).

Ejemplo

Dividamos el formulario en dos bloques lógicos usando dos etiquetas fieldset, y creemos las leyendas para los bloques usando la etiqueta legend:

html<form>
  <fieldset>
    <legend>Datos del comprador</legend>
    <input type="text">
  </fieldset>
  <fieldset>
    <legend>Datos del vendedor</legend>
    <input type="text">
  </fieldset>
</form>

Результат:

Véase también