Esempio
Un <input> elemento con valori predefiniti in un <datalist> :
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
Prova tu stesso " Definizione e utilizzo
Il <datalist> tag specifica un elenco di opzioni predefinite per un <input> elemento.
Il <datalist> tag viene utilizzato per fornire una funzione di "completamento automatico" su <input> elementi. Gli utenti potranno visualizzare un elenco a discesa di opzioni predefinite come dati di input essi.
Utilizzare il <input> attributo elenco di elementi per legare insieme con un <datalist> elemento.
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente l'elemento.
| Elemento | |||||
|---|---|---|---|---|---|
| <datalist> | 20,0 | 10.0 | 4.0 | Non supportato | 9.0 |
Differenze tra HTML 4.01 e HTML5
Il <datalist> tag è nuovo in HTML5.
attributi globali
Il <datalist> tag supporta anche l' Attributi globali in HTML .
Attributi eventi
Il <datalist> tag supporta anche l' evento Attributi in HTML .
Pagine correlate
Di riferimento HTML DOM: Oggetto Datalist
Impostazioni predefinite CSS
La maggior parte dei browser visualizzerà il <datalist> elemento con i seguenti valori di default:
datalist {
display: none;
}