Il Tag <select> HTML

Definizione e Utilizzo

L’elemento <select> viene utilizzato per creare un menu a tendina (drop-down list).L’elemento <select> viene utilizzato principalmente in un modulo (form) per raccogliere l’input dell’utente.L’attributo “name” è necessario per fare riferimento ai dati del modulo dopo l’invio del modulo (se ometti l’attributo “name”, nessun dato del menu a tendina verrà inviato).L’attributo “id” è necessario per associare il menu a tendina con una etichetta (<label>).I tag <option> all’interno dell’elemento <select> definiscono le opzioni disponibili nel menu a tendina.

Attributi

• autofocus - Specifica che il menu a tendina dovrebbe ricevere automaticamente il focus quando la pagina si carica.
• disabled - Specifica che il menu a tendina dovrebbe essere disabilitato.
• form - Definisce a quale modulo il menu a tendina appartiene.
• multiple - Specifica che è possibile selezionare più opzioni contemporaneamente.
• name - Definisce un nome per il menu a tendina.
• required - Specifica che l’utente deve selezionare un valore prima di inviare il modulo.
• size - Definisce il numero di opzioni visibili in un menu a tendina.

<label for="auto">Scegli una macchina:</label>

<select name="auto" id="auto">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>