Datalist element

- LS

Method of setting a list of options for a user to select in a text field, while leaving the ability to enter a custom value.

IE

  1. 5.5
  2. 6 - 9
  3. 10
  4. 11

Edge

  1. 12 - 15
  2. 16 - 18
  3. 79 - 81
  4. 83

Firefox

  1. 2 - 3.6
  2. 4 - 75
  3. 76
  4. 77 - 78

Chrome

  1. 4 - 19
  2. 20 - 68
  3. 69 - 81
  4. 83
  5. 84 - 86

Safari

  1. 3.1 - 12
  2. 12.1 - 13
  3. 13.1
  4. TP

Opera

  1. 9 - 12.1
  2. 15 - 63
  3. 64 - 67
  4. 68

iOS Safari

  1. 3.2 - 12.1
  2. 12.2 - 13.3
  3. 13.4

Opera Mini

  1. all

Android Browser

  1. 2.1 - 4.4
  2. 4.4.3
  3. 81

Blackberry Browser

  1. 7
  2. 10

Opera Mobile

  1. 10 - 12.1
  2. 46

Chrome for Android

  1. 81

Firefox for Android

  1. 68

IE Mobile

  1. 10
  2. 11

UC Browser for Android

  1. 12.12

Samsung Internet

  1. 4 - 10.1
  2. 11.1

QQ Browser

  1. 10.4

Baidu Browser

  1. 7.12

KaiOS Browser

  1. 2.5

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.

Resources:
HTML5 Library including datalist support
Eiji Kitamura's options demos & tests
MDN Web Docs - datalist
Minimal and library dependency-free vanilla JavaScript polyfill
Minimal Datalist polyfill w/tutorial
Mozilla Hacks article
WebPlatform Docs