Html cheatsheet > Datalist

datalist

Provides data hints for the input fields similarly to autocomplete.

#html#tag


                


<input type="text" placeholder="Select a shape" list="shapes">
<datalist id="shapes">
    <option value="Square"></option>
    <option value="Circle"></option>
    <option value="Oval"></option>
    <option value="Rectangle"></option>
</datalist>
    
    Output:

copy