select
Il tag select serve, all'interno di un modulo generato in un tag "form", a creare una casella di riepilogo, in sola lettura, da cui è possibile selezionare ed utilizzare i dati ivi compresi.
La sintassi base è la seguente:
<select id="colori" name="colori">
<option value="R">Rosso</option>
<option value="G">Giallo</option>
<option value="V">Verde</option>
<option value="B">Blu</option>
</select>
Al tag select è necessario assegnare un nome con l'attributo "name", sia per il recupero dei dati lato server che per la verifica delle selezione lato client. L'attributo "id", invece, è obbligatorio ai fini del rispetto delle specifiche dell'XHTML.Gli item dell'elenco che si viene a creare vengono definiti nel tag option, e relativo tag di chiusura, il quale memorizza il valore dell'item stesso nell'attributo "value", il quale può tranquillamente essere differente dal testo mostrato a video all'interno della casella stessa, come nell'esempio precedente.
Tornando a "select", ci sono due importanti attributi che possono essere utilizzati per modificare la casella, sia a livello stilistico che funzionale:
- size - numerico, stabilisce la lunghezza della "select": considerate che ogni unità, grossomodo, equivale ad una riga in cui viene riportato un singolo item;
- multiple - non contiene valori, va specificato cosi com'è; utile solo in caso in cui sia presente "size", permette la selezione multipla degli item attraverso la pressione del tasto [Ctrl] della tastiera.
<select id="colori" name="colori" size="3" multiple>
<option value="R">Rosso</option>
<option value="G">Giallo</option>
<option value="V">Verde</option>
<option value="B">Blu</option>
</select>
Provatelo per gustarne il risultato.
