HTML Datalist Tag

The HTML <datalist> tag specifies a list of pre-defined options for an <input> element. It is used to provide an "autocomplete" feature for <input> elements.

Syntax:-

Example:-

<!DOCTYPE html>
 <html>
<body>
<h1>The Datalist element</h1>
<form action="#" method="get">
  <label for="browser">Choose your Language:</label>
  <input list="browsers" name="browser" id="browser">
  <datalist id="browsers">
    <option value= "Java">
    <option value="PHP">
    <option value="Dot Net">
    <option value="Python">
  </datalist>
  <input type="submit">
</form>
 </body>
</html>

Test it Now

Example:-

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Datalist Tag</title>
   </head>
	
   <body>
      <input list = "tutorials" />
      <datalist id = "tutorials">
         <option value = "Java">
         <option value = "ASP">
         <option value = "PHP">
         <option value = "Ruby">
         <option value = "jQuery">
      </datalist>
   </body>

</html>

Test it Now

Next TopicHTML Header Tag

← prev next →

HTML Tutorials

HTML Tags

HTML5 Tutorial

HTML Datalist Tag