Web features explorer

<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.

Browser support (view on caniuse.com)

  • Chrome 69 Released on 2018-09-04
  • Chrome Android 69 Released on 2018-09-04
  • Edge 12 Released on 2015-07-29
  • Firefox 110 Released on 2023-02-14
  • Firefox for Android Not supported Bugs: 2007533 1905313
  • Safari 12.1 Released on 2019-03-25
  • Safari on iOS 12.2 Released on 2019-03-25

Baseline availability blocked since February 2023 by Firefox (41 months)

👍
34

Need this feature?
Leave a 👍 on the feedback issue
Don't forget to also leave a comment explaining your specific use case.

MDN documentation

Specifications

Usage (according to Chrome Platform Status)

~2.004% of page loads. More data at chromestatus.com.

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Surveys

Developer use cases

  • This seems like a useful feature when we have a set of recommendations but also we can't list all possible options as they are either ever-updating or unknown. For example: Listing colleges, companies, majors, minors, etc in a job application portal. For this use case however, it would be better: - If the dropdown appeared more like `<select>`. - The new option that the user creates actually sends some data with `value` automatically filled for `<option>`. This seems like a useful feature when we have a set of recommendations but also we can't list all possible options as they are either ever-updating or unknown. For example: Listing colleges, companies, majors, minors, etc in a job application portal. For this use case however, it would be better: - If the dropdown appeared more like `<select>`. - The new option that the user creates actually sends some data with `value` automatically filled for `<option>`. [see original comment]

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist