HTML datalist Tag

HTML datalist Tag is used to define pre-defined options or values for the input HTML Tag. HTML datalist Tag provides the autocomplete feature for user.

Syntax of HTML datalist Tag

The Syntax of HTML datalist Tag is shown below, It has both starting and ending tags.

<datalist id="languages">
</datalist>

Usage of HTML datalist Tag

HTML datalist Tag specifies the pre-defined values or options for the input HTML element. These values help the user to autocomplete the input type elements. Datalist tag values also act as hints for the user.

To use the HTML datalist Tag the value of id attribute of datalist tag must be equal to the list attribute value of input tag.

Example of HTML datalist Tag

Simple example of HTML datalist Tag is shown below.

<p>Choose your language from the list:</p>
<input list="languages">
<datalist id="languages">
  <option value="HTML">
  <option value="CSS">
  <option value="JavaScript">
  <option value="JQuery">
  <option value="PHP">
</datalist>

Output

The output of above HTML code is shown below.

Choose your language from the list:

Browser Support for HTML datalist Tag

HTML datalist Tag is supported by all major browsers except Safari 12.0 or earlier.

Global Attributes Support in HTML datalist Tag

The HTML datalist Tag supports all Global Attributes.

Event Attributes Support in HTML datalist Tag

The HTML datalist Tag supports all Event Attributes.

HTML datalist Tag Video

Watch our video on HTML datalist Tag and subscribe our Youtube Channel.

HTML anchor Tag HTML abbr Tag HTML acronym Tag HTML address Tag HTML applet Tag HTML area Tag HTML article Tag HTML aside Tag HTML audio Tag HTML b Tag HTML base Tag HTML basefont Tag HTML bdi Tag HTML bdo Tag HTML big Tag HTML blockquote Tag HTML body Tag HTML br Tag HTML Button Tag HTML Canvas Tag HTML Caption Tag HTML Center Tag HTML Cite Tag HTML Code Tag HTML Col Tag HTML colgroup Tag HTML comment Tag HTML data Tag HTML datalist Tag HTML dd Tag HTML del Tag HTML details Tag HTML dfn Tag HTML dialog Tag HTML dir Tag HTML div Tag HTML dl Tag HTML Doctype Tag HTML dt Tag HTML em Tag HTML embed Tag HTML fieldset Tag HTML figcaption Tag HTML figure Tag HTML font Tag HTML footer Tag HTML form Tag HTML frame Tag HTML frameset Tag HTML Heading Tags HTML head Tag HTML header Tag HTML hr Tag HTML html Tag HTML i Tag HTML iframe Tag HTML img Tag HTML input Tag HTML ins Tag HTML kbd Tag HTML label Tag HTML legend Tag HTML li Tag HTML link Tag HTML main Tag HTML map Tag HTML mark Tag HTML meta Tag HTML meter Tag HTML nav Tag HTML noframes Tag HTML noscript Tag HTML object Tag HTML ol Tag HTML optgroup Tag HTML option Tag HTML output Tag HTML p Tag