HTML optgroup Tag

• HTML <form> Tag
• HTML <select> Tag
• HTML <option> Tag
• HTML 5 <optgroup> Tag

The information on this page is based on HTML version 4.01 (which is the current version of HTML). The next version, HTML 5, is currently being written. Here's a list of HTML 5 tags.

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.

This element is used in conjunction with the <option> tag and <select> tag.

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 Resources

HTML Tags

HTML optgroup Tag

Related:

Also see the HTML 5 version of HTML tags

Enjoy this page?

HTML/MARKUP

CSS & DESIGN

SCRIPTING

DATABASE

WEB HOSTING