datalist

This translation is incomplete. Please help translate this article from English

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

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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome para AndroidFirefox para AndroidOpera para AndroidSafari en iOSSamsung Internet
datalistChrome Soporte completo 20Edge Soporte completo 12Firefox Soporte completo 4IE Soporte completo 10Opera Soporte completo 9.5Safari Soporte completo 12.1WebView Android Soporte completo 4.4.3Chrome Android Soporte completo 33Firefox Android Soporte completo 4Opera Android Soporte parcial Parcial
Notas
Soporte parcial Parcial
Notas
Notas The dropdown menu containing available options does not appear in Opera for Android.
Safari iOS Soporte completo 12.2Samsung Internet Android Soporte completo 2.0

Leyenda

Soporte completo  
Soporte completo
Soporte parcial  
Soporte parcial
Ver notas de implementación.
Ver notas de implementación.

sección de relleno

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

Ver también