Datalist element

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 Edge Firefox Chrome Safari Opera iOS Safari Opera Mini Android Browser Blackberry Browser Opera Mobile Chrome for Android Firefox for Android IE Mobile UC Browser for Android Samsung Internet QQ Browser Baidu Browser
49
See notes:
  • 1
56
See notes:
  • 1
9.3 4.4
14
See notes:
  • 2
52
See notes:
  • 3
57
See notes:
  • 1
10 10.0-10.2 4.4.3-4.4.4 4
11
See notes:
  • 2
15
See notes:
  • 2
53
See notes:
  • 3
58
See notes:
  • 1
10.1 44
See notes:
  • 1
10.3 all 56 10 37 57 52
See notes:
  • 3
11 11.4 5 1.2 7.12
54
See notes:
  • 3
59
See notes:
  • 1
TP 45
See notes:
  • 1
55
See notes:
  • 3
60
See notes:
  • 1
46
See notes:
  • 1
56
See notes:
  • 3
61
See notes:
  • 1

Notes

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.

Links