Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Datalist Element | Forms
Ultimate HTML
course content

Course Content

Ultimate HTML

Ultimate HTML

1. Web Development
2. Tags and Attributes
3. Document Structure
4. Media and Tables
5. Forms

bookDatalist Element

The <datalist> element in HTML is used to create a pre-defined list of options for an <input> element. It allows the user to select an option from a list of pre-defined options, while also giving them the ability to enter their own value if they choose to. The list of predefined values is hidden up to the moment a user starts to type in the associated text field. We combine <datalist> with id attribute and <input> with list attribute.

html

index

css

index

js

index

copy

Overall, the <datalist> element can be a helpful way to provide a pre-defined list of options for users to select from, while still allowing them the flexibility to enter their own value if needed.

1. Which HTML element is used to create a drop-down list with multiple options?
2. What is the purpose of the `datalist` element?
3. What attribute is used to link a `datalist` element to an `input` element?
Which HTML element is used to create a drop-down list with multiple options?

Which HTML element is used to create a drop-down list with multiple options?

Select the correct answer

What is the purpose of the `datalist` element?

What is the purpose of the datalist element?

Select the correct answer

What attribute is used to link a `datalist` element to an `input` element?

What attribute is used to link a datalist element to an input element?

Select the correct answer

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 5. Chapter 9
some-alt