What is html5 datalist tag

Spread the love

Datalist is advance html5 tag to display per-defined list with auto-complete feature, You can say it is advanced list box to display all the per-defined values with extra option like auto-complete.

bootstrap datalist, datalist alternative, datalist example, datalist in html5, html datalist default value, html datalist scrollbar, html datalist vs select

In the below example i am going to create datalist of countries.

Defining datalist

Assigned id to datalist called countries

Use the input type=”text” element’s list attribute to bind it together with a datalist element.

Browser Compatibility

CromeFirefox (Gecko)Internet ExplorerOperaSafari
20+8.0+10.0+9.0+Not supported

Demo :

Leave a Reply

Your email address will not be published. Required fields are marked *