HTML datalist: Main Tips
- The HTML
<datalist>
element generates a drop-down menu with predefined options for users to select. - This element sets the options for the <input> element.
- The
<datalist>
adds the HTML autocomplete feature to the form.

- Simplistic design (no unnecessary information)
- High-quality courses (even the free ones)
- Variety of features
- Nanodegree programs
- Suitable for enterprises
- Paid certificates of completion

- Professional service
- Flexible timetables
- A variety of features to choose from
- Professional certificates of completion
- University-level courses
- Multiple Online degree programs

- Great user experience
- Offers quality content
- Very transparent with their pricing
- Free certificates of completion
- Focused on data science skills
- Flexible learning timetable
Use of datalist
The <datalist>
tag specifies an HTML autocomplete feature to be used with a form element. An alternative element is <select>.
<input list="books">
<datalist id="books">
<option value="Fiction">
<option value="Non-Fiction">
</datalist>
However, the discussion of <datalist>
vs <select>
should mention that the <select>
requires users to choose from the indicated options. The <datalist>
allows users to either choose from the specified answers, or to type in their original ones.
Browser support

Chrome

Edge

Firefox

IE

Opera

Safari
Mobile browser support

Chrome

Firefox

Opera

Safari
Latest Udacity Coupon Found:
75% OFF COURSES
Udacity Black Friday Offer
The best time to save on Udacity courses is now - follow this coupon to access a 75% Udacity Black Friday discount & enjoy learning at a very low cost!