- In HTML <datalist> tag is used to provide autocomplete feature in the files.
- Users can easily fill the data in the forms using select the data because it is used by an input tag.
- It provides a list of predefined options for the users to select data.
Sample Code
[pastacode lang=”markup” manual=”%3C!DOCTYPE%20html%3E%0A%3Chtml%3E%0A%3Cbody%3E%0A%0A%3Ch1%3EThe%20datalist%20element%3C%2Fh1%3E%0A%0A%3Cform%20action%3D%22%2Faction_page.php%22%20method%3D%22get%22%3E%0A%20%20%3Clabel%20for%3D%22browser%22%3EChoose%20your%20browser%20from%20the%20list%3A%3C%2Flabel%3E%0A%20%20%3Cinput%20list%3D%22browsers%22%20name%3D%22browser%22%20id%3D%22browser%22%3E%0A%20%20%3Cdatalist%20id%3D%22browsers%22%3E%0A%20%20%20%20%3Coption%20value%3D%22Edge%22%3E%0A%20%20%20%20%3Coption%20value%3D%22Firefox%22%3E%0A%20%20%20%20%3Coption%20value%3D%22Chrome%22%3E%0A%20%20%20%20%3Coption%20value%3D%22Opera%22%3E%0A%20%20%20%20%3Coption%20value%3D%22Safari%22%3E%0A%20%20%3C%2Fdatalist%3E%0A%20%20%3Cinput%20type%3D%22submit%22%3E%0A%3C%2Fform%3E%0A%0A%3Cp%3E%3Cstrong%3ENote%3A%3C%2Fstrong%3E%20The%20datalist%20tag%20is%20not%20supported%20in%20Safari%2012.0%20(or%20earlier).%3C%2Fp%3E%0A%0A%3C%2Fbody%3E%0A%3C%2Fhtml%3E%0A” message=”” highlight=”” provider=”manual”/]Output
