Limited Availability
Forms
<datalist>
The
<datalist> element sets recommended values for an <input> element. Browsers may show a dropdown menu of all values or match values as the user types.
Baseline Status:
This feature is currently Limited (not yet Baseline). Latest engine implementation shipped on Feb 14, 2023.
Desktop Browser Engine Support
Google Chrome
69
Supported
Mozilla Firefox
110
Supported
Apple Safari
12.1
Supported
Microsoft Edge
12
Supported
Mobile Browser Engine Support
Chrome Android
69
Firefox Android
—
Safari iOS
12.2
Specifications and References
MDN Browser Compat Data Keys:
api.HTMLDataListElement ↗
api.HTMLDataListElement.options ↗
html.elements.datalist ↗
html.elements.datalist.input_type_color ↗
html.elements.datalist.input_type_date ↗
html.elements.datalist.input_type_email ↗
html.elements.datalist.input_type_number ↗
html.elements.datalist.input_type_range ↗
html.elements.datalist.input_type_search ↗
html.elements.datalist.input_type_tel ↗
html.elements.datalist.input_type_text ↗
html.elements.datalist.input_type_time ↗
html.elements.datalist.input_type_url ↗
html.elements.input.type_color.list ↗
html.elements.input.type_date.list ↗
html.elements.input.type_email.list ↗
html.elements.input.type_number.list ↗
html.elements.input.type_range.list ↗
html.elements.input.type_search.list ↗
html.elements.input.type_tel.list ↗
html.elements.input.type_text.list ↗
html.elements.input.type_time.list ↗
html.elements.input.type_url.list ↗
id: datalist