HTML5 <datalist> Tag

Example

An input element with possible values described in a datalist:

<input list="cars" />
<datalist id="cars">
  <option value="BMW">
  <option value="Ford">
  <option value="Volvo">
</datalist>

Try it yourself »

Definition and Usage

The <datalist> tag defines a list of options. Use this element together with the input element, to define which values the input element can have.

Use the input element's list attribute to bind it together with a datalist.


Differences Between HTML 4.01 and HTML5

The <datalist> tag is new in HTML5


Standard Attributes

The <datalist> tag also supports the Standard Attributes in HTML5.


Event Attributes

The <datalist> tag also supports the Event Attributes in HTML5.