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"

<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" />

Browser Support

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

↓ Here's a great React course we recommend. Plus, this affiliate banner helps support the site 🙏
  Tweet It

🕵 Search Results

🔎 Searching...

Sponsored by #native_company# — Learn More
#native_title# #native_desc#