HTML Selection Menu Controls Datalist


Example

The <datalist> tag specifies a list of pre-defined options for an <input> element. It provide an "autocomplete" feature on <input> elements. Users will see a drop-down list of options as they write.

<input list="Languages">

<datalist id="Languages">
  <option value="PHP">
  <option value="Perl">
  <option value="Python">
  <option value="Ruby">
  <option value="C+">
</datalist>

Browser Support

ChromeEdgeMozillaSafariOpera
20.010.04.0Not Supported9.0