
El elemento html datalist contiene elementos <option>
que representan los valores disponibles para otros elementos del formulario. Un ejemplo de cómo definir un elemento <datalist>
con una propiedad id
, definir más de una opción usando el elemento <option>
y asignar esta lista a un elemento a <input>
través de la propiedad list
:
< label > Elija su navegador de la lista: < input type = "text" 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 >
Etiqueta html datalist
Clasificaciones de contenido | Un elemento organizativo y un elemento ordinario. |
---|---|
Contenido permitido | Contenido regular o elemento <option> cero veces o más. |
Acrónimo | Las etiquetas de inicio o finalización no se pueden omitir. |
Elementos del padre | Cualquier elemento que acepte contenido normal. |
Interfaz DOMO | HTMLDataListElement |
Soporte de navegadores
Chrome | Firefox | Edge | Safari | Ópera |
---|---|---|---|---|
20 | 4.0 | Soportado | No soportado | 9.5 |
Características
En este elemento html datalist se pueden utilizar propiedades globales.
Formato predeterminado
La mayoría de los navegadores ocultan el elemento <datalist>
estableciendo la propiedad display
en none
:
datalist { display: none; }
- Elemento summary en HTML
- Elemento details en HTML
- Elemento meter en HTML
- Elemento legend en HTML
- Elemento textarea en HTML
- Elemento select en HTML
- Elemento progress en HTML
- Elemento output en HTML
- Elemento option en HTML
- Elemento optgroup en HTML
- Elemento track en HTML
- Elemento label en HTML
- Elemento input en HTML
- Elemento form en HTML
- Elemento fieldset en HTML
- Elemento datalist en HTML
- Elemento button en HTML
- Elemento tr en HTML
- Elemento thead en HTML
- Elemento th en HTML
- Elemento tbody en HTML
- Elemento tfoot en HTML
- Elemento table en HTML
- Elemento td en HTML
- Elemento colgroup en HTML
- Elemento col en HTML
- Elemento caption en HTML
- Elemento del en HTML
- Elemento script en HTML
- Elemento noscript en HTML
- Elemento canvas en HTML
- Elemento picture en HTML
- Elemento ins en HTML
- Elemento video en HTML
- Elemento source en HTML
- Elemento param en HTML
- Elemento object en HTML
- Elemento embed en HTML
- Elemento map en HTML
- Elemento img en HTML
- Elemento audio en HTML
- Elemento area en HTML