Home HTML Reference <datalist>

<datalist>

tag HTML5

Provides a list of predefined options for an <input> element as an autocomplete dropdown.

Syntax

<input list="listId">\n<datalist id="listId"><option value="..."></datalist>

Example

html

<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>

<img>