Qu'est-ce que l'élément <datalist> en HTML5?

L'élément <datalist> en HTML5 est utilisé pour créer une liste d'options prédéfinies que l'utilisateur peut sélectionner lors de la saisie dans un champ <input> associé. Cela améliore l'expérience utilisateur en permettant d'afficher des suggestions et une autocomplétion.

Exemple d'utilisation :

<label for="browser">Choisissez un navigateur :</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>

Dans cet exemple, une liste déroulante apparaîtra lors de la saisie dans le champ, proposant des options de navigateurs.