optgroup

1. 基本情報

説明 選択肢をグループ化する
語源 OPTion GROUP
所属モジュール Forms
所属コンテントセット なし
内容 option [必須]
内容の書式 option+
関連項目 select
公式な実装 DTD

2. 属性

2-1. 一般属性

属性 属性値の型 説明
Common [属性コレクション]

XHTMLの要素が大抵持っている、一般的な属性を集めたコレクションです。

2-2. 固有属性

属性 属性値の型 説明
label [必須] Text (CDATA)

選択肢グループのタイトルを示します。

disabled [選択]

使用不可にするかどうか指定します。

  • disabled - 使用不可(選択不可及び入力不可)にします。

3. 解説

3-1. 概要

optgroup要素はselect要素の選択肢、即ちoption要素を論理的にグループ化します。ユーザーエージェントは階層構造が判るように表示してくれるでしょう。

現段階では、optgroup要素のネストは仕様として認められていません。XHTML 2.0のXFormsではどうなるのかまだ判りませんが、恐らくネスト可能になると思われます。

3-2. 使用例

optgroup要素は、option要素と違って、 label属性でラベルを指定します。ラベルは勿論必須です。選択肢をまとめるに相応しいものを与えましょう。

[プログラムコード開始]

<select name="country" size="1">
<optgroup label="南北アメリカ">
<option value="U.S.A.">アメリカ合衆国</option>
<option value="Canada">カナダ</option>
<option value="F.R.B.">ブラジル連邦共和国</option>
</optgroup>
<optgroup label="アジア">
<option value="P.R.C.">中華人民共和国</option>
<option value="Japan">日本国</option>
<option value="R.I.">インドネシア共和国</option>
</optgroup>
<optgroup label="ヨーロッパ">
<option value="U.K.">グレートブリテン及び北アイルランド連合王国</option>
<option value="R.F.">フランス共和国</option>
<option value="F.R.G.">ドイツ連邦共和国</option>
</optgroup>
</select>

[プログラムコード終了]

[optgroup]
Published : 2006-03-26T09:00:00+09:00
Last Modified : 2006-12-07T09:00:00+09:00
Table of Contents : 要素目次
Index : 要素索引
Verified with : Valid XHTML 1.1
Copyright © 2006  E+X.