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

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

概要

項目説明
形式<optgroup>~</optgroup>
サポートH4 / e6 / Ch1 / Fx1 / Sa1 / Op1 / N6
カテゴリ該当無し
親要素select要素
子要素option, script, template要素
タグの省略開始タグ:必須 / 終了タグ:省略可

説明

<option> をグループ化して表示します。

属性

【固有属性】
属性意味
disabledH4/e8/Ch/Fx/Sa/Op/N6。この選択項目を無効にします。
labelH4/e6/Ch/Fx/Sa/Op/N6。選択項目のラベルを指定します。これは、<optgroup>~</optgroup> で囲まれたテキストの代わりに表示されます。HTML4.01では必須の属性として定義されています。
【一般属性】
属性意味
accesskey=keyH4/e4/Ch2/Fx2/Sa3/Op12/N6/i1。アクセスキーを指定します。
class=classH4/e3/Ch1/Fx1/Sa1/Op1/N4。クラスを指定します。
contenteditable=boolH5/e55/Ch11/Fx3/Op10.6/Sa3.2。要素を編集可能にします。
dir=dirH4/e5/Ch5/Fx4/Sa6/Op25/N6。文字の表示方向を指定します。
hiddenH5/e/Ch/Fx/Sa/Op。要素を非表示にします。
id=idH4/e3/Ch/Fx/Sa/Op/N4。ID を指定します。
lang=langH4/e4/Ch/Fx/Sa/Op/N6。言語を指定します。
spellcheck=boolH5。スペルをチェックします。
style=styleH4/e3/Ch/Fx/Sa/Op/N4。スタイルシートを指定します。
tabindex=nH4/e4/Ch/Fx/Sa/Op/N6。タブインデックスを指定します。
title=titleH2/e2/Ch/Fx/Sa/Op/N6。タイトルを指定します。
translate=titleH5。翻訳可否を指定します。

使用例

HTML
<select>
 <optgroup label="Internet Explorer">
  <option>Internet Explorer 11
  <option>Internet Explorer 10
  <option>Internet Explorer 9
  <option>Internet Explorer 8
  <option>Internet Explorer 7
 </optgroup>
 <optgroup label="Other">
  <option>Google Chrome
  <option>Firefox
  <option>Safari
  <option>Opera
  <option>その他
 </optgroup>
</select>
表示

関連項目

<option><select>

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