The <datalist> tag represents a list of predefined options that can be used to supply suggestions in many form controls.
This tag is never rendered on its own. While the <datalist> tag acts as a container, the suggestions are defined using the <option> tag.
For example, when there is a dropdownlist and you have to select a country name, to do so you have to keep on scrolling until you reach the specific country, it can be tiresome. So to change it we can use <datalist>. By using it, when you type a letter contents will be filtered and shown according to it.