Manuale di riferimento HTML

Completo di tag HTML

HTML: <small> etichetta HTML: <section> etichetta

HTML: <select> etichetta

L'elemento HTML <select> rappresenta un controllo, che crea una lista a discesa da cui l'utente può scegliere. Questi valori a discesa sono definiti da una serie di tag <option> all'interno del tag <select>. Questo tag è anche noto come elemento <select>.

Esempio online

Creare una lista a discesa con più opzioni:

Esempio

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Utilizzo del tag HTML select (Manuale di base del sito web oldtoolbag.com)</title>
</head>
<body>
<label for="pet-select">Scegli un animale:</label>
<select name="pets" id="pet-select">
　　　　<option value="">--Per favore, seleziona un'opzione--</option>
　　　　<option value="dog">Dog</option>
　　　　<option value="cat">Cat</option>
　　　　<option value="hamster">Hamster</option>
　　　　<option value="parrot">Parrot</option>
　　　　<option value="spider">Spider</option>
　　　　<option value="goldfish">Goldfish</option>
</select>
</body>
</html>

Prova a vedere <‹/›>

Compatibilità dei browser

IEFirefoxOperaChromeSafari

Tutti i browser mainstream supportano il tag <select>.

Definizione e istruzioni per l'uso del tag

Il tag <select> viene utilizzato per creare una lista a discesa.
Dentro l'elemento <select> <option> Etichette, queste etichette forniscono una lista di valori a discesa, opzioni disponibili.

Per impostazione predefinita, la prima opzione del tag <select> viene visualizzata come elemento selezionato. Gli utenti possono selezionare un'altra opzione nella lista a discesa.

Suggerimenti e avvisi

Suggerimento:L'elemento <select> è un controllo del modulo del modulo, utilizzato per accettare input dell'utente nel modulo.

Differenze tra HTML 4.01 e HTML5

HTML5 ha aggiunto alcune nuove proprietà.

Proprietà

New: Proprietà aggiunte in HTML5.

Proprietà	Valore	Descrizione
autofocusHTML5	autofocus	Determina che la lista a discesa ottiene automaticamente il focus quando la pagina viene caricata.
disabled	disabled	Quando questo attributo è impostato su true, la lista a discesa viene disabilitata.
formHTML5	form_id	Definisce un o più moduli di cui fa parte il campo select.
multiple	multiple	Quando questo attributo è impostato su true, è possibile selezionare più opzioni.
name	text	Definisce il nome della lista a discesa.
requiredHTML5	required	Richiede che l'utente selezioni un'opzione dalla lista a discesa prima di inviare il modulo.
size	number	Determina il numero di opzioni visibili nella lista a discesa.

Proprietà globali

Supporto <select> etichetta Proprietà globali HTML.

Proprietà degli eventi

Supporto <select> etichetta Proprietà degli eventi HTML.