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:
<form>
<fieldset>
<legend>Dati dell'acquirente</legend>
<input type="text">
</fieldset>
<fieldset>
<legend>Dati del venditore</legend>
<input type="text">
</fieldset>
</form>
:
Vedi anche
-
la proprietà
border,
che può essere utilizzata per impostare un bordo a un blocco
