Page 1199 - Informatica dalla A a Z

I menu a tendina <select> forniscono all’utente un elenco predefinito di opzioni tra le quali

scegliere. La specifica prevede un tag <select> con, nidificati al suo interno, tanti tag <op-
tion> quante sono le voci dell’elenco:
<select name=“regione”>
<option value=“puglia”>Puglia</option>
<option value=“sicilia”>Sicilia</option>
...

...
<option value=“valle-d-aosta”>Valle D’Aosta</option>
<option value=“veneto”>Veneto</option>
</select>
Il testo visualizzato sarà quello contenuto nel tag, mentre verrà trasmesso al server il cor-
rispondente contenuto dell’attributo value (per esempio regione= “puglia”).
Per organizzare meglio i menu è possibile ricorrere al tag <optgroup> (abbreviazione di
gruppo di opzioni), utilizzato per suddividere le voci del menu quando ci sono molte scelte:

<select name=“regione”>
<optgroup label=“Nord”>
<option value=“emilia-romagna”>Emilia Romagna</option>
...
<option value=“veneto”>Veneto</option>
</optgroup>
<optgroup label=“Centro”>

<option value=“lazio”>Lazio</option>
...
<option value=“umbria” selected>Umbria</option>
</optgroup>
<optgroup label=“Sud”>
<option value=“abruzzo”>Abruzzo</option>
...
<option value=“sicilia” selected>Sicilia</option>

</optgroup>
</select>
Una possibilità che rende ancora più versatile il tag <select> riguarda l’attributo multiple,
che permette di selezionare contemporaneamente più di una voce dall’elenco:
< select name=“regione” multiple>
<option value=“abruzzo”>Abruzzo</option>

<option value=“basilicata”>Basilicata</option>
...
...
Dove l’utente potrà selezionare più di una voce tenendo premuto il tasto Ctrl (Cmd sul
Mac) durante i clic.

1195