Datalist element in HTML 5

• 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.

<input name="section" list="scripts" />


<datalist id="scripts">
    <option value="PHP" />
    <option value="JavaScript" />
    <option value="ASP" />
    <option value="Dot Net" />
    <option value="Perl" />
    <option value="JSP" />
</datalist>

Adding options to a Datalist by JavaScript

Adding options to a Datalist from MySQL table by using PHP and Ajax

Displaying Matching words by using Autocomplete while entering text JQuery UI