W3cubDocs

<datalist>

The <datalist> contains a set of <option> elements that represent the values available for other controls.

Content categories	Flow content, phrasing content.
Permitted content	Either phrasing content or zero or more `<option>` elements.
Tag omission	None, both the starting and ending tag are mandatory.
Permitted parents	Any element that accepts phrasing content.
Permitted ARIA roles	None
DOM interface	`HTMLDataListElement`

Attributes

This element has no other attributes than the global attributes, common to all elements.

Examples

<label for="myBrowser">Choose a browser from this list:</label>
<input list="browsers" id="myBrowser" name="myBrowser" />
<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Internet Explorer">
  <option value="Opera">
  <option value="Safari">
  <option value="Microsoft Edge">
</datalist>

Result

Specifications

Specification	Status	Comment
HTML Living Standard The definition of '<datalist>' in that specification.	Living Standard
HTML5 The definition of '<datalist>' in that specification.	Recommendation

Browser compatibilityUpdate compatibility data on GitHub

	Desktop
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
Basic support	20	Yes	4	10	9.5	No

	Mobile
	Android webview	Chrome for Android	Edge Mobile	Firefox for Android	Opera for Android	iOS Safari	Samsung Internet
Basic support	No	33	Yes	4	?	No	Yes

Polyfill

Include this polyfill to provide support for older and currently incompatible browsers:
datalist-polyfill