<datalist>

[LeaVerou]

Method of providing a list of presets for a user to select in a form control, while still allowing custom options.

<input name="country" list="countries">
<datalist id="countries">
  <option>Afghanistan</option>
  ...
</datalist>

MDN URL:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/datalist

Specification URL:

https://html.spec.whatwg.org/multipage/form-elements.html#the-datalist-element

Any other links?

https://caniuse.com/datalist

How stable is this feature?

Stable (Widely supported for several years)

Type of feature

HTML element

What focus area does this feature fall under?

Forms

Details

No response