Tag HTML <datalist>
Esempio
Un elenco dati con opzioni predefinite (collegato a un elemento <input>):
<label for="browser">Choose your browser from the list:</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
<option value="Edge">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
Definizione e utilizzo
Il <datalist>
tag specifica un elenco di opzioni predefinite per un elemento <input>.
Il <datalist>
tag viene utilizzato per fornire una funzione di "completamento automatico" per gli elementi <input>. Gli utenti vedranno un elenco a discesa di opzioni predefinite mentre inseriscono i dati.
L' <datalist>
attributo id dell'elemento deve essere uguale all'attributo list dell'elemento <input> (questo li lega insieme).
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente l'elemento.
Element | |||||
---|---|---|---|---|---|
<datalist> | 20.0 | 10.0 | 4.0 | 12.1 | 9.5 |
Attributi globali
Il <datalist>
tag supporta anche gli attributi globali in HTML .
Attributi dell'evento
Il <datalist>
tag supporta anche gli attributi dell'evento in HTML .
Pagine correlate
Riferimento HTML DOM: oggetto Datalist
Impostazioni CSS predefinite
La maggior parte dei browser visualizzerà l' <datalist>
elemento con i seguenti valori predefiniti:
datalist {
display: none;
}