Select

Dropdown select menus for choosing from a list of options.

Basic Select

Country

<label>
  Country
  <select>
    <option value="">Choose a country</option>
    <option value="us">United States</option>
    <option value="uk">United Kingdom</option>
    <option value="de">Germany</option>
    <option value="fr">France</option>
  </select>
</label>

With Option Groups

Car

<label>
  Car
  <select>
    <optgroup label="German">
      <option value="audi">Audi</option>
      <option value="bmw">BMW</option>
      <option value="mercedes">Mercedes</option>
    </optgroup>
    <optgroup label="Japanese">
      <option value="honda">Honda</option>
      <option value="toyota">Toyota</option>
      <option value="mazda">Mazda</option>
    </optgroup>
  </select>
</label>

Multiple Select

Select multiple

<label>
  Select multiple
  <select multiple>
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
  </select>
</label>

Disabled Select

Disabled select

<label>
  Disabled select
  <select disabled>
    <option>Can't change this</option>
  </select>
</label>