HOME HTML CSS JAVASCRIPT SQL PHP JQUERY XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

HTML <datalist> Tag


Example

An <input> element with pre-defined values in a <datalist>:

<input list="browsers">

<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

Try it yourself »

Browser Support

Internet Explorer Firefox Opera Google Chrome Safari

The <datalist> tag is supported in Internet Explorer 10, Firefox, Opera, and Chrome.

Note: The <datalist> tag is not supported in Internet Explorer 9 and earlier versions, or in Safari.


Definition and Usage

The <datalist> tag specifies a list of pre-defined options for an <input> element.

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

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


Differences Between HTML 4.01 and HTML5

The <datalist> tag is new in HTML5.


Global Attributes

The <datalist> tag also supports the Global Attributes in HTML.


Event Attributes

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



Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates

SHARE THIS PAGE