datalist

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

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 Ninguna, tanto la etiqueta inicial como la final son obligatorias.
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

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

Resultado

Especificaciones

Specification
HTML
# the-datalist-element

Compatibilidad con navegadores

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
datalist

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Partial support
Partial support
Has more compatibility info.

Ver también