<datalist> tag in HTML5

The <datalist> tag use to list pre-define options for an input data element in HTML. It provides an autocomplete feature, that allows to select an input from the predefind options.

Important Description

  • The <datalist> is a new tag in HTML5, it is very useful tag with input tag.
  • The datalist tag is combined with the input tag.
  • The datalist element provides suggestions whereas the select element asks the user to select a value from the available list.
  • In case of datalist, user has to enter values that is not in the list, datalist show all data in that case.
  • Open and close tag required of <datalist>.

Example of <datalist> tag

Result Look Like

                                            
                                    
                                        
                                        
                                        
                                        
                                        
                                        
                                    
                                        

<datalist> Tag Browser Support

Element Chrome Safari Opera Edge Firefox
<datalist> 20.0 12.1 9.0 10.0 4.0

Global Attributes

Event Attributes

Email Us: advertise@gdatamart.com

Donate Us: Support to GDATAMART

© 2023 GDATAMART.COM (All Rights Reserved)