<datalist>

Pre-defined options for input.

The `<datalist>` tag specifies a list of pre-defined options for an `<input>` element. The `<datalist>` tag is used to provide an 'autocomplete' feature for `<input>` elements. Users will see a drop-down list of pre-defined options as they input data.

Live Example & Code

Preview Output

<input list="browsers">
<datalist id="browsers">
  <option value="Edge">
  <option value="Firefox">
  <option value="Chrome">
</datalist>

Open in Playground