REDAZIONE

<optgroup>

Il tag <optgroup> è un ottimo modo per definire meglio i gruppi di scelta all'interno di un menù a tendina.

Esempio: se volessimo creare un form dove gli utenti selezionano il servizio di Virgilio per cui chiedono supporto, potremmo creare un menù a tendina come questo:

Come si vede dall’immagine i gruppi di servizi sono suddivisi in MyBlog.it e Community, ma potrebbero essercene molti altri, e vengono evidenziati grazie al tag <optgroup>.

Vediamo il codice del menù a tendina con il tag <optgroup> applicato al nostro esempio:

  <label for="categorie">Categorie</label>
  <select id="categorie" name="categorie"> 
  <optgroup label="MyBlog.it"></optgroup> 
  <option value="blog">Blog</option>
  <option value="ring">Ring</option>
  <option value="foto">Foto Blog</option>
  <optgroup label="Community"></optgroup> 
  <option value="c6">C6 Messenger</option>
  <option value="chat">Chat</option>
  <option value="forum">Forum</option>
  <option value="genio">Genio</option>
  <option value="people">People</option></select>