Per la loro natura di "raccoglitori di informazioni", i moduli tendono a ingigantirsi e diventare lunghissimi. Per questo, con l'HTML 4 sono statiintrodotti dei tag per fare un po' d'ordine all'interno dei form.
Grazie al tag <fieldset> possiamo creare dellemacro-aree all'interno dei form, e grazie al tag <legend>, possiamo indicare il nome di ciascunamacro-area.
Poniamo ad esempio di dover raccogliere i dati di un utente, raccogliendodati anagrafici, residenza, domicilio e reperibilità sul lavoro.
Possiamo farlo con la seguente sintassi:
<form action=ìì>
<fieldset>
<legend>Datianagrafici</legend>
<br><br><br>
</fieldset>
<fieldset>
<legend>Residenza</legend>
<br><br><br>
</fieldset>
eccetera
</form>
che dà:
come si può vedere vengono creati dei riquadri con un indicazione del tipo dicontenuto.
Un altro tag particolarmente utile - si può utilizzare con ogni tipo di campoche vedremo d'ora in poi - è il tag <label>, che permette di indicare un'etichetta per il nome del campo.
Ad esempio:
<form action=ìì>
<fieldset>
<legend>Datianagrafici</legend>
<label>Anno di nascita: <input type="text"></label>
</fieldset>
</form>
che dà:
oppure (cambiando la posizione del testo):
<fieldset>
<legend>Dati anagrafici</legend>
<label><input type="text">: anno di nascita</label>
</fieldset>
che dà:
Come si può vedere il campo su cui si vogliono dare delle indicazioni deve essere compreso all'interno del tag label stesso.