datalist — Autocomplete Suggestions

datalist Element

The <datalist> element provides suggestion options for a text input without restricting the user to those values.

Example

<label for="language">Favourite language:</label>
<input list="languages" id="language" name="language"
       placeholder="Start typing...">

<datalist id="languages">
  <option value="HTML">
  <option value="CSS">
  <option value="JavaScript">
  <option value="Python">
  <option value="PHP">
  <option value="TypeScript">
</datalist>

HTML

Full Editor

Pro Tip

datalist differs from select — users can type any value, not just the listed ones.

Related Resources

HTML Reference

Complete tag & property list

HTML How-To Guides

Step-by-step practical guides

HTML Exercises

Practice what you've learned