Ejemplo
Un <input> elemento con valores predefinidos en un <datalist> :
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
Inténtalo tú mismo " Definición y Uso
La <datalist> etiqueta especifica una lista de opciones predefinidas para un <input> elemento.
La <datalist> etiqueta se utiliza para proporcionar una función de "autocompletar" en la <input> elementos. Los usuarios podrán ver una lista desplegable de opciones predefinidas, ya que los datos de entrada.
Utilice el <input> lista de atributos de elemento para obligar a éste junto con un <datalist> elemento.
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el elemento.
| Elemento | |||||
|---|---|---|---|---|---|
| <datalist> | 20.0 | 10.0 | 4.0 | No soportado | 9.0 |
Diferencias entre HTML 4.01 y HTML5
La <datalist> etiqueta es nueva en HTML5.
Los atributos globales
La <datalist> etiqueta también es compatible con el de los atributos globales en HTML .
Atributos de eventos
La <datalist> etiqueta también es compatible con la atributos de eventos en HTML .
Páginas relacionadas
Referencia HTML DOM: Objeto de Datalist
Ajustes por defecto CSS
La mayoría de los navegadores mostrarán la <datalist> elemento con los siguientes valores predeterminados:
datalist {
display: none;
}