Etiqueta fieldset

La etiqueta fieldset agrupa campos de un formulario HTML.

El resultado se enmarca con un borde, y la etiqueta, que se crea mediante la etiqueta legend, rompe este borde, creando un efecto único que no se puede lograr por otros medios (ver ejemplo).

Si se asignan a la etiqueta legend algunos estilos CSS para posicionamiento (float, position etc.), su contenido saldrá del borde y se colocará en el lugar deseado (en este caso, ya no habrá una ruptura en el borde).

Ejemplo

Vamos a dividir el formulario en dos bloques lógicos utilizando dos etiquetas fieldset:

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