Cos'è l'elemento <datalist> in HTML5?

L'elemento <datalist> in HTML5 viene utilizzato per creare un elenco di opzioni predefinite che l'utente può selezionare durante l'inserimento in un campo <input> associato. Questo migliora l'esperienza utente, consentendo di mostrare suggerimenti e completamenti automatici.

Esempio di utilizzo:

<label for="browser">Seleziona un browser:</label>
<input list="browsers" id="browser" name="browser">
<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Safari">
  <option value="Edge">
  <option value="Opera">
</datalist>

In questo esempio, digitando nel campo verrà visualizzato un menu a discesa con le opzioni dei browser.