HTML · Forms and controls

datalist

Provides suggested values for an input while still allowing free text.

htmlRunnable example html course

Syntax

<datalist id="…">…</datalist>

Example

Try it

<label for="lang">Language</label>
<input id="lang" list="languages" name="lang">
<datalist id="languages">
  <option value="JavaScript">
  <option value="Python">
  <option value="SQL">
</datalist>

Learn this in the course

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.

Open the course

datalist

Example

More in this group

Learn this in the course