HTML5 autocomplete with optional select

To make use of HTML5 autocomplete using the list attribute for input fields do this:

<label> Enter your favorite movies:<br/>
  <input type="text" name="movies" list="movies"/>
  <datalist id="movies">

  <label> or select one from the list:
  <select name="movies">
   <option value="Star Wars">
   <option value="The Godfather">
   <option value="Goodfellas">
  </select>
   </label>

  </datalist>
 </label>

One Reply to “HTML5 autocomplete with optional select”

Comments are closed.