Il tag fieldset

Il tag fieldset raggruppa i campi di un modulo HTML.

Il risultato è racchiuso da una cornice, mentre l'etichetta, creata utilizzando il tag legend, interrompe questa cornice, creando un effetto unico non replicabile con altri mezzi (vedi esempio).

Se si applicano al tag legend degli stili CSS per il posizionamento (float, position ecc.), il suo contenuto si sposterà dalla cornice e andrà nella posizione desiderata (in questo caso non ci sarà più l'interruzione nella cornice).

Esempio

Dividiamo il modulo in due blocchi logici utilizzando due tag fieldset:

html<form>
  <fieldset>
    <legend>Dati dell'acquirente</legend>
    <input type="text">
  </fieldset>
  <fieldset>
    <legend>Dati del venditore</legend>
    <input type="text">
  </fieldset>
</form>

Результат:

Vedi anche