Etichetta HTML <datalist>

Definizione e uso

<datalist> Il tag Elemento <input>definire un elenco di opzioni predefinite.

<datalist> Il tag è utilizzato per <input> L'elemento fornisce la funzione di completamento automatico. Quando l'utente inserisce dati, vedrà una lista a discesa con opzioni predefinite.

<datalist> L'attributo id dell'elemento deve essere uguale a <input> dell'elemento Proprietà list(Questo li collegherà insieme).

Vedi anche:

Manuale HTML DOM:Oggetto Datalist

Esempio

Elenco dati con opzioni predefinite (collegato all'elemento <input>):

<label for="browser">Scegli il tuo browser dalla lista:</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>

Prova tu stesso

Proprietà globali

<datalist> Il tag supporta anche Proprietà globali HTML.

Proprietà di evento

<datalist> Il tag supporta anche Proprietà di evento HTML.

Impostazioni CSS predefinite

La maggior parte dei browser utilizzerà i seguenti valori predefiniti per visualizzare <datalist> Elemento:

datalist {
  display: none;
}

Supporto del browser

I numeri nella tabella indicano la versione del browser che ha supportato per la prima volta l'elemento.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
20.0 10.0 4.0 12.1 9.5