HTML: raggruppare ed ordinare i form

Per impaginare un'interfaccia di FORM in modo ottimale esistno dei TAG che ci aiutano ad ordinare i campi che l'utente puo utilizzare per inviare i dati.

Con il TAG <FIELDSET> possiamo creare dei gruppi di campi e utilizzando <LEGEND> possiamo assegnare ad ogni gruppo un etichetta. <LABEL> serve per assegnare un'etichetta al singolo campo:

<form action=prova>
   <fieldset>
      <legend>Dati anagrafici</legend>
        <label>nome: <input type=”text”></label>
        <label>cognome: <input type=”text”></label>
   </fieldset>
  <fieldset>
      <legend>preferenze</legend>
        <label>colore preferito: <input type=”text”></label>
        <label>animale preferito<input type=”text”></label>
   </fieldset>
</form>

 

Dati anagrafici
preferenze