English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
L'elemento HTML <datalist> contiene un insieme di elementi <option>, che rappresentano le opzioni selezionabili per altri controlli del modulo; il tag <datalist> è un elemento HTML5 che definisce una lista di valori suggeriti per l'etichetta <input>. Questi valori suggeriti verranno visualizzati come elenco a discesa all'interno del controllo di input e i valori disponibili verranno filtrati quando l'utente inserisce dati nel controllo di input. Questo tag è anche noto come <datalist&
Di seguito è riportato un elemento <input>, il cui valore possibile è descritto nel <datalist>:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Utilizzo del tag datalist in HTML5 (Sito di tutorial di base oldtoolbag.com)</title> </head> <body> <label for="tutorial_choice">Tutorial: </label> <input list="tutorial_types" name="tutorial_choice" id="tutorial_choice"> <datalist id="tutorial_types"> <option value="HTML"> <option value="CSS"> <option value="SQL"> </datalist> </body> </html>Testa a vedere ›/›
In questo esempio di documento HTML5, abbiamo utilizzato il tag <datalist> per creare una lista di valori suggeriti per l'etichetta <input>. È consigliabile utilizzare 3 valori (HTML, CSS e SQL), che verranno visualizzati come elenco a discesa per la selezione dell'utente.
L'etichetta <datalist> supportata di base dai seguenti browser:
IEFirefoxOperaChromeSafari
L'elemento <datalist> HTML si trova all'interno del marchio <body>. L'etichetta <datalist> di solito si trova all'interno del marchio <form>.
L'etichetta <datalist> contiene un gruppo di etichette <option>, che forniscono valori possibili per l'etichetta <input> associata.
L'etichetta <datalist> definisce una lista di opzioni possibili per l'elemento <input>.
L'etichetta <datalist> viene utilizzata per fornire la funzionalità "completamento automatico" per l'elemento <input>. Gli utenti vedono una lista a discesa con opzioni predefinite che verranno utilizzate come dati di input dell'utente.
Utilizza l'attributo list dell'elemento <input> per associare l'elemento <datalist>.
L'etichetta <datalist> è una nuova etichetta HTML5.
Supporto <datalist> etichetta Proprietà globali HTML.
Supporto <datalist> etichetta Proprietà degli eventi HTML.