New! My 44-page ebook "CSS in 44 minutes" is out! 😃

Get it now →

# datalist

Defines a list of autocomplete options when using a text <input>.

Example: Copy


<label>South American countries</label><br>
<input list="countries" placeholder="Type a country">

<datalist id="countries">
<option value="Argentina">
<option value="Bolivia">
<option value="Brazil">
<option value="Chile">
<option value="Colombia">
<option value="Ecuador">
<option value="Guyana">
<option value="Paraguay">
<option value="Peru">
<option value="Suriname">
<option value="Uruguay">
<option value="Venezuela">
</datalist>