📡 You're offline — showing cached content
New version available!
Quick Access
Tutorials HTML Fundamentals Datalist

Datalist

3 min read
datalist provides autocomplete suggestions for a text input. Link the input with list='datalist-id'. The user can pick a suggestion or type freely — it is more flexible than a strict dropdown select element.

datalist — Autocomplete

<label for="browser">Browser:</label>
<input list="browsers" id="browser" name="browser">

<datalist id="browsers">
    <option value="Chrome">
    <option value="Firefox">
    <option value="Safari">
    <option value="Edge">
</datalist>

The user can type freely or select from the suggestions.