<select> and <datalist> drop-down menus

<select>

A simple select box <select>

<select>
  <option>Banana</option>
  <option>Cherry</option>
  <option>Lemon</option>
</select>

Select box with option groups <optgroup>

<select>
  <optgroup label="fruits">
    <option>Banana</option>
    <option selected>Cherry</option>
    <option>Lemon</option>
  </optgroup>
  <optgroup label="vegetables">
    <option>Carrot</option>
    <option>Eggplant</option>
    <option>Potato</option>
  </optgroup>
</select>

Select box allowing multiple selections <select multiple>

<select multiple>
  <option>Banana</option>
  <option>Cherry</option>
  <option>Lemon</option>
</select>

<datalist>

What’s your favourite fruit? <datalist>

<input type="text" name="myFruit" id="myFruit" list="mySuggestion">
<datalist id="mySuggestion">
  <option>Apple</option>
  <option>Banana</option>
  <option>Blackberry</option>
  <option>Blueberry</option>
  <option>Lemon</option>
  <option>Lychee</option>
  <option>Peach</option>
  <option>Pear</option>
</datalist>

What’s your favourite fruit? <datalist> with a <select> fallback or pick a fruit

<input type="text" list="fruitList">
<datalist id="fruitList">
  <label for="suggestion">or pick a fruit</label>
  <select id="suggestion">
    <option>Apple</option>
    <option>Banana</option>
    <option>Blackberry</option>
    <option>Blueberry</option>
    <option>Lemon</option>
    <option>Lychee</option>
    <option>Peach</option>
    <option>Pear</option>
  </select>
</datalist>

What’s your favourite pet? <select size="4"> and <option selected>

<select multiple size="4">
  <option value="none" selected>-- Please choose one or more --</option>
  <optgroup label="4-legged pets">
    <option value="dog">Dog</option>
    <option value="cat">Cat</option>
    <option value="hamster" disabled>Hamster</option>
  </optgroup>
  <optgroup label="Flying pets">
    <option value="parrot">Parrot</option>
    <option value="macaw">Macaw</option>
    <option value="albatross">Albatross</option>
  </optgroup>
</select>