Datalist — Autocomplete Suggestions

<label for="country">Country</label>
<input type="text" id="country" name="country" list="country-list"
       autocomplete="country-name" placeholder="Start typing…">

<datalist id="country-list">
    <option value="United States">
    <option value="United Kingdom">
    <option value="Germany">
    <option value="Japan">
    <option value="Brazil">
    <!-- ... 200+ more ... -->
</datalist>

<!-- Also works on number, email, url, search, tel, time, week, month -->
<label for="qty">Quantity</label>
<input type="number" id="qty" name="qty" list="qty-suggestions" min="1" max="100">
<datalist id="qty-suggestions">
    <option value="1">
    <option value="5">
    <option value="10">
    <option value="25">
    <option value="50">
    <option value="100">
</datalist>