Datalist is added in HTML 5. This element is used inside a form to receive data from user.
- It displays options for the users to select.
- It is with auto complete feature helping users as they type in the text box
- Unlike drop down list box or radio button user can write any text without limiting to options given by datalist.
- Datalist is binded ( or linked ) by input element list attribute.
Here is the demo of Datalist.
<input name="section" list="scripts" />
<option value="PHP" />
<option value="ASP" />
<option value="Dot Net" />
<option value="Perl" />
<option value="JSP" />
Datalist is a powerful tool for developers. Here are some of the applications.
Adding options to a Datalist from MySQL table by using PHP and Ajax
Displaying Matching words by using Autocomplete while entering text JQuery UI
Datalist is not supported by Safari browser.