datalist

El elemento HTML <datalist> contiene un conjunto de elementos <option> que representan los valores disponibles para otros controles.

La fuente de este ejemplo interactivo se almacena en un repositorio de GitHub. Si desea contribuir al proyecto de ejemplos interactivos, copia https://github.com/mdn/interactive-examples y envíenos una solicitud de extracción.

Contenido de las categorías Contenido de flujo, contenido de fraseo.
Contenido permitido O bien contenido de fraseo o, cero o más elementos <option>.
Omisión de etiqueta None, both the starting and ending tag are mandatory.
Elementos padre permitidos Cualquier elemento que acepte contenido de fraseo.
Roles ARIA permitidos Ninguno
Interfaz DOM HTMLDataListElement (en-US)

Atributos

Este elemento no tiene otros atributos mas que los atributos globales, comunes a todos los elementos.

Ejemplos

<label>Choose a browser from this list:
<input list="browsers" name="myBrowser" /></label>
<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Internet Explorer">
  <option value="Opera">
  <option value="Safari">
  <option value="Microsoft Edge">
</datalist>

Resultado

Especificaciones

Especificación Estado Comentario
HTML Living Standard
La definición de '<datalist>' en esta especificación.		 Living Standard
HTML5
La definición de '<datalist>' en esta especificación.		 Recommendation

Compatibilidad con los distintos navegadoresEdit

BCD tables only load in the browser

sección de relleno

Incluya este polyfill para proporcionar soporte para navegadores antiguos y actualmente incompatibles:
datalist-polyfill

Ver también