Quackit Logo

FREE Hosting!

With every domain name you register with ZappyHost, you get FREE hosting.

$1.99 Domain Names

With every new non-domain purchase thru ZappyHost, you get a domain name for only $1.99.

HTML optgroup Tag

Print Version

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:
AttributeDescription
labelSpecifies a label for the option group.
Other Attributes:
AttributeDescription
classDocument wide identifier.
idDocument wide identifier
dirSpecifies the direction of the text
langLanguage code
styleInline style (CSS).
titleSpecifies a title to associate with the element.
disabledDisables the input control. The button won't accept changes from the user. It also cannot receive focus and will be skipped when tabbing.
onclickIntrinsic event (see event handlers)
ondbclickIntrinsic event (see event handlers)
onmousedownIntrinsic event (see event handlers)
onmouseupIntrinsic event (see event handlers)
onmouseoverIntrinsic event (see event handlers)
onmousemoveIntrinsic event (see event handlers)
onmouseoutIntrinsic event (see event handlers)
onkeypressIntrinsic event (see event handlers)
onkeydownIntrinsic event (see event handlers)
onkeyupIntrinsic event (see event handlers)
Try it yourself!


Also see the HTML 5 version of HTML tags

Enjoy this website?

  1. Link to this page (copy/paste into your own website or blog):
  2. Add this page to your favorite social bookmarks sites:
               
  3. Add this page to your Favorites

Oh, and thank you for supporting Quackit!