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
BCD tables only load in the browser
La tabla de compatibilidad en esta p谩gina se genera a partir de datos estructurados. Si desea contribuir con los datos, visite https://github.com/mdn/browser-compat-data y env铆enos una solicitud de extracci贸n.
secci贸n de relleno
Incluya este polyfill para proporcionar soporte para navegadores antiguos y actualmente incompatibles:
datalist-polyfill