<datalist>Limited availability

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.

Not yet supported in all major browsers — check the table and provide a fallback.

How to use ↓Compare browsers

Browser support

DesktopChrome

1–68Not supported

69+Supportedsince Sep 4, 2018

Current: 155

Edge

12+Supportedsince Jul 29, 2015

Current: 154

Firefox

1–109Not supported

110+Supportedsince Feb 14, 2023

Current: 157

Safari

1–12Not supported

12.1+Supportedsince Mar 25, 2019

Current: 27

MobileChrome Android

18–68Not supported

69+Supportedsince Sep 4, 2018

Current: 155

Firefox Android

✕Not supportedup to 157

Current: 157

Safari iOS

1–12Not supported

12.2+Supportedsince Mar 25, 2019

Current: 27

How to use

Not supported in Firefox Android. Use feature detection below and provide a fallback (or a polyfill) for those browsers.

Example

Full syntax and examples are on MDN: HTMLDataListElement.

Feature detection

JS · check before using

const el = document.createElement("datalist");
if (!(el instanceof HTMLUnknownElement)) {
  // <datalist> is supported
}

Documentation (MDN)

Specification

html.spec.whatwg.org#the-datalist-element ↗

Usage share

caniuse.com/datalist ↗

Sub-features

Support for each part of the feature (23). The overall table above shows when the whole feature works.

Sub-feature	Chrome	Edge	Firefox	Safari	Chrome Android	Firefox Android	Safari iOS
HTMLDataListElement	20	12	4	12.1	25	4	12.2
HTMLDataListElement.options	20	12	4	12.1	25	4	12.2
datalist	20	12	4	12.1	33	✕	12.2
datalist.input_type_color	20	14	✕	12.1	33	✕	12.2
datalist.input_type_date	20	12	✕	14.1	33	✕	14.5
datalist.input_type_email	22	12	4	12.1	33	✕	12.2
datalist.input_type_number	22	12	4	12.1	33	✕	12.2
datalist.input_type_range	20	12	110	12.1	57	✕	12.2
datalist.input_type_search	22	12	4	12.1	33	✕	12.2
datalist.input_type_tel	22	12	4	12.1	33	✕	12.2
datalist.input_type_text	20	12	4	12.1	33	✕	12.2
datalist.input_type_time	20	12	✕	14.1	33	✕	12.2
datalist.input_type_url	22	12	4	12.1	33	✕	12.2
input.type_color.list	20	14	✕	12.1	33	✕	12.2
input.type_date.list	20	12	✕	14.1	33	✕	14.5
input.type_email.list	22	12	4	12.1	33	4	12.2
input.type_number.list	22	12	29	12.1	33	29	12.2
input.type_range.list	20	12	110	12.1	57	✕	12.2
input.type_search.list	22	12	4	12.1	33	4	12.2
input.type_tel.list	22	12	4	12.1	33	4	12.2

Show 3 more

Sub-feature	Chrome	Edge	Firefox	Safari	Chrome Android	Firefox Android	Safari iOS
input.type_text.list	20	12	4	12.1	33	4	12.2
input.type_time.list	20	12	✕	14.1	33	✕	12.2
input.type_url.list	22	12	4	12.1	33	4	12.2