AdNow

loading...

Etiqueta datalist HTML

Etiqueta <datalist> HTML


Ejemplo

Un elemento <input> 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 etiqueta <datalist> especifica una lista de opciones predefinidas para un elemento <input>.
La etiqueta <datalist> se usa para proporcionar una función "autocompletar" en los elementos <input>. Los usuarios verán una lista desplegable de opciones predefinidas a medida que ingresan datos.
Utilice el atributo de lista del elemento <input> para enlazarlo con un elemento <datalist>.

Soporte del navegador

Los números en la tabla especifican la primera versión del navegador que es totalmente compatible con el elemento.
Element
<datalist>20.010.04.0Not supported9.0

Diferencias entre HTML 4.01 y HTML5

La etiqueta <datalist> es nueva en HTML5.

Atributos globales

La etiqueta <datalist> también admite los atributos globales en HTML .

Atributos del evento

La etiqueta <datalist> también admite los atributos de evento en HTML .

páginas relacionadas

Referencia de HTML DOM: Objeto Datalist

Configuración CSS predeterminada

La mayoría de los navegadores mostrarán el elemento <datalist> con los siguientes valores predeterminados:
datalist { 
    display: none;
}


Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Entradas más populares de este blog

Listado pasaporte y cedulas SAIME 2018

Etiqueta HTML < abbr >

HTML < a > tag

Visitas a este blog