¿Qué es el elemento <datalist> en HTML5?

El elemento <datalist> en HTML5 se utiliza para crear una lista de opciones predefinidas que el usuario puede seleccionar al ingresar en un campo <input> asociado. Esto mejora la experiencia del usuario, permitiendo mostrar sugerencias y autocompletado.

Ejemplo de uso:

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

En este ejemplo, al escribir en el campo aparecerá una lista desplegable con las opciones de navegadores.