Datalist element
- LSMethod of setting a list of options for a user to select in a text field, while leaving the ability to enter a custom value.
Chrome
- ❌ 4 - 19: Not supported (but has polyfill available)
- ◐ 20 - 68: Partial support
- ✅ 69 - 130: Supported
- ✅ 131: Supported
- ✅ 132 - 134: Supported
Edge
- ◐ 12 - 15: Partial support
- ◐ 16 - 18: Partial support
- ✅ 79 - 130: Supported
- ✅ 131: Supported
Safari
- ❌ 3.1 - 12: Not supported (but has polyfill available)
- ✅ 12.1 - 18.0: Supported
- ✅ 18.1: Supported
- ✅ 18.2 - TP: Supported
Firefox
- ❌ 2 - 3.6: Not supported (but has polyfill available)
- ◐ 4 - 101: Partial support
- ◐ 102 - 109: Partial support
- ◐ 110 - 131: Partial support
- ◐ 132: Partial support
- ◐ 133 - 135: Partial support
Opera
- ✅ 9 - 12.1: Supported
- ◐ 15 - 63: Partial support
- ✅ 64 - 113: Supported
- ✅ 114: Supported
IE
- ❌ 5.5: Not supported
- ❌ 6 - 9: Not supported (but has polyfill available)
- ◐ 10: Partial support
- ◐ 11: Partial support
Chrome for Android
- ✅ 131: Supported
Safari on iOS
- ❌ 3.2 - 12.1: Not supported (but has polyfill available)
- ✅ 12.2 - 18.0: Supported
- ✅ 18.1: Supported
- ✅ 18.2: Supported
Samsung Internet
- ✅ 4 - 25: Supported
- ✅ 26: Supported
Opera Mini
- ❌ all: Not supported
Opera Mobile
- ✅ 10 - 12.1: Supported
- ✅ 80: Supported
UC Browser for Android
- ✅ 15.5: Supported
Android Browser
- ❌ 2.1 - 4.4: Not supported (but has polyfill available)
- ✅ 4.4.3: Supported
- ✅ 131: Supported
Firefox for Android
- ❌ 132: Not supported
QQ Browser
- ✅ 14.9: Supported
Baidu Browser
- ✅ 13.52: Supported
KaiOS Browser
- ❌ 2.5: Not supported
- ❌ 3: Not supported
While most commonly used on text fields, datalists can also be used on other input types. IE11 supports the element on range
fields. Chrome and Opera also support datalists to suggest given values on range
, color
and date/time fields.