Datalist ElementDatalist 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.html

css

index.css

js

index.js

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?

question-icon

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

Select the correct answer

question-icon

What is the purpose of the <datalist> element?

Select the correct answer

question-icon

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

Select the correct answer

Everything was clear?

Section 5. Chapter 9