HTML optgroup Tag

The HTML optgroup tag is used for grouping related options within your select list. This makes it easier for users to comprehend their choices when looking at a large list.

Example


<select>
<optgroup label="Australia">
  <option value ="sydney">Sydney</option>
  <option value ="melbourne">Melbourne</option>
</optgroup>
<optgroup label="New Zealand">
  <option value ="cromwell">Cromwell</option>
  <option value ="queenstown">Queenstown</option>
</optgroup>
</select>

Attributes:

Attributes specific to this tag:
Attribute	Description
label	Specifies a label for the option group.
Other Attributes:
Attribute	Description
class	Document wide identifier.
id	Document wide identifier
dir	Specifies the direction of the text
lang	Language code
style	Inline style (CSS).
title	Specifies a title to associate with the element.
disabled	Disables the input control. The button won't accept changes from the user. It also cannot receive focus and will be skipped when tabbing.
onclick	Intrinsic event (see event handlers)
ondbclick	Intrinsic event (see event handlers)
onmousedown	Intrinsic event (see event handlers)
onmouseup	Intrinsic event (see event handlers)
onmouseover	Intrinsic event (see event handlers)
onmousemove	Intrinsic event (see event handlers)
onmouseout	Intrinsic event (see event handlers)
onkeypress	Intrinsic event (see event handlers)
onkeydown	Intrinsic event (see event handlers)
onkeyup	Intrinsic event (see event handlers)

Try it yourself!

HTML Editor

Also see the complete list of HTML tags

Enjoy this website?

Link to this page (copy/paste into your own website or blog):
<a href="http://www.quackit.com/html/tags/html_optgroup_tag.cfm">HTML optgroup Tag</a> from Quackit.com
Add this page to your favorite social bookmarks sites:
Add this page to your Favorites