Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Elemento Datalist | Forms
HTML Definitivo

Elemento DatalistElemento Datalist

El elemento <datalist> en HTML se utiliza para crear una lista predefinida de opciones para un elemento <input>. Permite al usuario seleccionar una opción de una lista de opciones predefinidas, al tiempo que le ofrece la posibilidad de introducir su propio valor si así lo desea. La lista de valores predefinidos se oculta hasta el momento en que el usuario empieza a escribir en el campo de texto asociado. Combinamos <datalist> con el atributo id y <input> con el atributo list.

html

index.html

css

index.css

js

index.js

En general, el elemento <datalist> puede ser una forma útil de proporcionar una lista predefinida de opciones para que los usuarios seleccionen, al tiempo que les permite la flexibilidad de introducir su propio valor si es necesario.

1. ¿Qué elemento HTML se utiliza para crear una lista desplegable con varias opciones?
2. ¿Cuál es la finalidad del elemento `<datalist>`?
3. ¿Qué atributo se utiliza para vincular un elemento `<datalist>` a un elemento `<input/>`?

¿Qué elemento HTML se utiliza para crear una lista desplegable con varias opciones?

Selecciona la respuesta correcta

¿Cuál es la finalidad del elemento <datalist>?

Selecciona la respuesta correcta

¿Qué atributo se utiliza para vincular un elemento <datalist> a un elemento <input/>?

Selecciona la respuesta correcta

¿Todo estuvo claro?

Sección 5. Capítulo 9
course content

Contenido del Curso

HTML Definitivo

Elemento DatalistElemento Datalist

El elemento <datalist> en HTML se utiliza para crear una lista predefinida de opciones para un elemento <input>. Permite al usuario seleccionar una opción de una lista de opciones predefinidas, al tiempo que le ofrece la posibilidad de introducir su propio valor si así lo desea. La lista de valores predefinidos se oculta hasta el momento en que el usuario empieza a escribir en el campo de texto asociado. Combinamos <datalist> con el atributo id y <input> con el atributo list.

html

index.html

css

index.css

js

index.js

En general, el elemento <datalist> puede ser una forma útil de proporcionar una lista predefinida de opciones para que los usuarios seleccionen, al tiempo que les permite la flexibilidad de introducir su propio valor si es necesario.

1. ¿Qué elemento HTML se utiliza para crear una lista desplegable con varias opciones?
2. ¿Cuál es la finalidad del elemento `<datalist>`?
3. ¿Qué atributo se utiliza para vincular un elemento `<datalist>` a un elemento `<input/>`?

¿Qué elemento HTML se utiliza para crear una lista desplegable con varias opciones?

Selecciona la respuesta correcta

¿Cuál es la finalidad del elemento <datalist>?

Selecciona la respuesta correcta

¿Qué atributo se utiliza para vincular un elemento <datalist> a un elemento <input/>?

Selecciona la respuesta correcta

¿Todo estuvo claro?

Sección 5. Capítulo 9
some-alt