HTML5 Datalist Element

Give your text inputs a boost with a <datalist>. A little bit like a blend of <input> and <select>:

<label>Your favorite band?
<input list="heavy-bands"
name="band-choice"></label>

<datalist id="heavy-bands">
  <option value="Metallica" />
  <option value="Iron Maiden" />
  <option value="Slayer" />
  <option value="Motörhead" />
  <option value="Megadeth" />
  <option value="Black Sabbath" />
</datalist>

Browser Support

Can I Use datalist? Data on support for the audio feature across the major browsers from caniuse.com.

✖ Clear

🕵 Search Results

🔎 Searching...