<datalist>

Example

Usage

<datalist id="framework-options">
  <option value="Angular">
  <option value="Aurelia">
  <option value="Ember">
  <option value="Meteor">
  <option value="React">
  <option value="Vue">
  <option value="Svelte">
</datalist>

Description

An element containing one or more <option> elements, which define selectable values within the list.

On its own it shows nothing. This list needs connected to another element, such as an <input>, which can then read and make use of these options.

The interface can vary slightly based on the browser and device being used. Touchscreen devices are more likely to provide option values upfront on screen to save typing.