Tag <datalist>

Definizione

Il tag HTML <datalist> consente di pre-definire una lista di opzioni specifiche da mostrare all'interno di elementi di input.

Questo tag fornisce una lista di completamento automatico per il tag <input> con una lista/menu a discesa, ma con la possibilità di modificarne il contenuto finale, questo grazie all'attributo list che collega entrambi i tag HTML.

Per poter essere utilizzato, è necessario che l'attributo list nel tag <input> sia identico all'id del tag <datalist>.

tag HTML

Crea una lista di opzioni pre-definite ed editabili per elementi di input

Posizione:	<body>
Tag di chiusura:	Sì
Voci correlate:	list

Esempio

<label for="auto">Scegli una marca di auto: </label> <input list="autoBrands" name="autos" id="autos"> <datalist id="autoBrands"> <option value="Alfa Romeo"> <option value="Fiat"> <option value="Ford"> <option value="Opel"> <option value="Toyota"> <option value="Honda"> </datalist>

Attributi

<datalist> supporta gli attributi di livello globale.

Compatibilità

Tutti i moderni browser supportano questo elemento.

Approfondimento

L'effetto ottenuto è molto simile a quello del tag <select> con il tag <option>, con la differenza che questi ultimi servono a definire una lista con valori fissi e inalterabili.