HTML Datalist Generator

A datalist HTML tag provides a predefined list of options to help improve the user experience and to make it easier for users to input data accurately and efficiently.

Preview

Properties

Datalist options

Code

<label for="fruits">My favorite fruit is </label>
<input type="text" id="fruits" list="fruitsList"/>
<datalist id="fruitsList">
  <option value="Mango"/>
  <option value="Banana"/>
  <option value="Strawberry"/>
  <option value="Apple"/>
</datalist>