<optgroup> - オプショングループ

トップ > HTMLリファレンス > <optgroup>

■ 概要

項目説明
形式<optgroup>〜</optgroup>
サポートH4+ / e6+ / N6+ / Fx1+ / Op6+ / Ch1+ / Sa1+
タグの省略開始タグ:必須、終了タグ:必須
包含可能要素option

■ 説明

<option> をグループ化します。グループのラベルとして label 属性で指定した文字が表示されます。IE6.0 や Netscape 6.0 からサポートされているようです。

■ 属性

【固有属性】
属性意味
disabledH4+/N6+。この選択項目を無効にします。
labelH4+/e6+/N6+。選択項目のラベルを指定します。これは、<optgroup>〜</optgroup> で囲まれたテキストの代わりに表示されます。HTML4.01では必須の属性として定義されています。

【一般属性】
属性意味
class=classH4+/e6+/N6+。クラスを指定します。
id=idH4+/e6+/N6+。ID を指定します。
style=styleH4+/e6+/N6+。スタイルシートを指定します。
title=titleH4+/e4+/N6+。タイトルを指定します。
dir=dirH4+/e6+/N6+。文字の表示方向を指定します。
lang=langH4+/e6+/N6+。言語を指定します。
accesskey=keyH5+。アクセスキーを指定します。
tabindex=nH5+。タブインデックスを指定します。
contenteditable=boolH5+/e6+。要素を編集可能にします。
contextmenu=idH5+。コンテキストメニューを指定します。
draggable=boolH5+。ドラッグを可能にします。
dropzone=valueH5+。ドロップを可能にします。
hiddenH5+。要素を非表示にします。
spellcheck=boolH5+。スペルをチェックします。
IE拡張属性他にもIEで拡張された属性が指定可能です。

■ 使用例

HTMLソース
<select>
 <optgroup label="Internet Explorer">
  <option>Internet Explorer 3.*
  <option>Internet Explorer 4.*
  <option>Internet Explorer 5.*
  <option>Internet Explorer 6.*
 </optgroup>
 <optgroup label="Netscape Browser">
  <option>Netscape Navigator 3.*
  <option>Netscape Communicator 4.*
  <option>Netscape 6.*
 </optgroup>
 <optgroup label="Other">
  <option>その他
 </optgroup>
</select>

■ 関連項目

<option><select>

Copyright (C) 1996-2011 杜甫々
初版:2000年10月9日 最終更新:2011年6月11日
http://www.tohoho-web.com/html/optgroup.htm