Il Tag <datalist> HTML

Definizione e utilizzo

Il tag <datalist> specifica un elenco di opzioni predefinite per un elemento <input>.Il tag <datalist> viene utilizzato per fornire una funzione di “autocomplete” per gli elementi <input>. Gli utenti vedranno un elenco a discesa di opzioni predefinite mentre inseriscono i dati.L’attributo id dell’elemento <datalist> deve essere uguale all’attributo list dell’elemento <input> (ciò li collega tra loro).

<label for="browser">Scegli il tuo browser dalla lista:</label>
<input list="browsers" name="browser" id="browser" />

<datalist id="browsers">
  <option value="Edge"></option>
  <option value="Firefox"></option>
  <option value="Chrome"></option>
  <option value="Opera"></option>
  <option value="Safari"></option>
</datalist>