The <datalist> Tag

<datalist> tag is similar to the dropdown menu of <select> tag. However one difference is it lets user type into and filter options from from the dropdown menu.

<form>
  <label for="city">Ideal city to visit?</label>
  <input type="text" list="cities" id="city" name="city">

  <datalist id="cities">
    <option value="New York City"></option>
    <option value="Tokyo"></option>
    <option value="Barcelona"></option>
    <option value="Mexico City"></option>
    <option value="Melbourne"></option>
    <option value="Other"></option>
  </datalist>
</form>

The above render like this:

Links to this page