Datalist Tag in HTML | HTML Datalist Tag
×

HTML DATALIST (<datalist>) Tag

2416

The <datalist> tag  tells about auto-completion values for an <input> element. This tag specifies a file of predefined options that let users select data or in other words we can say it permits to integrate an autocomplete feature on the form.

Firstly these options are invisible, these options become available as the user starts typing in an input box.

The datalist tag is one of the latest tags found in HTML5. It is always found within pairs where the content is positioned between the beginning (<datalist>) and the ending (</datalist>) tags.

Code:

<!DOCTYPE html>
<html>
<head>
  <title>HTML Datalist Tag</title>
</head>
<body>
 <h3> Datalist Tag </h3>
  <label> Choose your Country </label>
  <input list="country"/>
  <datalist id="country">
    <option value="India"/>
    <option value="Singapore"/>
    <option value="Japan"/>
    <option value="United Kingdom"/>
    <option value="United States"/>
  </datalist>
</body>
</html>

Output:



Best WordPress Hosting


Share:


Discount Coupons

Get a .COM for just $6.98

Secure Domain for a Mini Price



Leave a Reply


Comments
    Waiting for your comments