WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

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 »

Definition and Usage

<datalist> The label specifies <input> A list of possible options for the element.

<datalist> Tags are used in <input> Elements provide "autocomplete" features. The user can see a drop-down list. The options in it are predefined and will be used as the user's input data.

please use <input> Element's list attribute to bind <datalist> element.


Browser Support

The numbers in the table specify the first browser version that fully supports the element.

Element
<datalist> 20.0 12.0 10.0 4.0 Not supported 9.0

Differences Between HTML 4.01 and HTML5

The <datalist> tag is new in HTML5.