Question

What is datalist tag?

Answer 1

The datalist tag is an HTML tag that lets the user auto-complete the form based on the predefined options. It presents the users with predefined options that they can choose from. An example of this can be as below:

<label>    

 Enter your favorite Bollywood Actor: Press any character<br />    

 <input type=&rdquo;text&rdquo; id=&rdquo;favBolActor&rdquo; list=&rdquo;BolActors&rdquo;>    

 <datalist id=&rdquo;BolActor&rdquo;>    

 <option value=&rdquo;Shahrukh Khan&rdquo;>    

 <option value=&rdquo;Akshay Kumar&rdquo;>    

 <option value=&rdquo;Aamir Khan&rdquo;>     

 <option value=&rdquo;Saif Ali Khan&rdquo;>     

 <option value=&rdquo;Ranbir Kapoor&rdquo;>     

 <option value=&rdquo;Ranveer Singh&rdquo;>     

 <option value=&rdquo;Sanjay Dutt&rdquo;>     

 <option value=&rdquo;Hrithik Roshan&rdquo;>     

 <option value=&rdquo;Varun Dhawan&rdquo;>     

 <option value=&rdquo;Ajay Devgan&rdquo;>    

 </datalist>    

</label>