Il tag <select> è usato per creare una lista a tendina o menu a tendina (drop-down list).
Questo tag è dipendente dai suoi sottoelementi dichiarati con il tag <option> (voci della lista).
Normalmente il tag <select> è usato all'interno dei form come elemento di input per l'inserimento e invio dei dati degli utenti.
<select>
tag HTML
<select name="colori"> <option value="1">bianco</option> <option value="2">nero</option> <option value="3">grigio</option> <option value="4">rosso</option> <option value="5">blu</option> </select>
| Attributo | Valore | Descrizione |
|---|---|---|
| name | testo | Determina il nome degli elementi HTML o fornisce dati su un attributo associato. |
| disabled | disabled | Impedisce la modifica di un input |
| multiple | multiple | Converte in lista a selezione multipla |
| required | required | Rende obbligatorio un campo di input |
| size | numero | Determina le dimensioni dell'elemento in base al valore contenuto |
| form | id form | Specifica a quale form appartiene un elemento. |
| autofocus | autofocus | Attiva un elemento al caricamento della pagina. |
<select> supporta gli attributi di livello globale.
Con il parametro "multiple" si possono creare menu con selezione multipla delle voci (tenendo premuto il tasto CTRL dela tastiera).
Si consiglia l'uso del tag <label> affiancato a <select> per descrivere l'azione dell'elemento.
L'uso del tag <optgroup> permette di stabile dei sottogruppi di selezione.