Form Element: Optgroup

The <optgroup> element is used to put group related options in a drop-down list. If you have a long list of options, groups of related options are easier to handle for a user.

HTML file: Displayed by browser:
<select>
  <optgroup label="Swedish Cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
  </optgroup>
  <optgroup label="German Cars">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

Back button Table of Contents Next button