Datalists

<form>
 <p><label>Type the species:
  <input type="text" name="species" list="species" />
 </label></p>
 <p><datalist id="species">
  <label>
   or choose one from the list:
   <select name="species">
    <option>Double-crested Cormorant</option>
    <option>Great Cormorant</option>
    <option>Great Blue Heron</option>
    <option>Little Blue Heron</option>
    <!-- ... -->
   </select>
  </label>
 </datalist></p>
 <p><label><input type="submit" value="Send data" /></label></p>
</form>


Previous | Next | Top | Cafe con Leche

Copyright 2007 Elliotte Rusty Harold
elharo@metalab.unc.edu
Last Modified March 8, 2007