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