Home Tutorials HTML Tutorial Datalist
Datalist

Datalist


33. Datalist

The <datalist> element provides predefined suggestions for an input field. It improves form usability without restricting typed values.

Syntax

<input list="items">
<datalist id="items">
    <option value="HTML">
</datalist>

Example

<input list="courses">
<datalist id="courses">
    <option value="HTML">
    <option value="CSS">
    <option value="Python">
</datalist>

Output

An input field appears with browser suggestions such as HTML, CSS, and Python.
Example

🏋️ Test Yourself With Exercises

Take our quiz on Datalist to test your knowledge.

Browse Quizzes »