optgroup要素

この情報はお役に立ちましたか？よろしければ皆様にもお知らせください。

optgroup要素の役割

optgroup要素は、select要素内で使います。select要素内のoption要素で表現する選択項目をグループわけします。選択肢が多くて分かりづらい場合に、わかりやすくします。

属性名	意味
class	クラス名。CSSを適用するときなどに使用する。
dir	文字表記の方向。左から右（ltr）と、右から左（rtl）を指定する。通常はltrなので、右から左へ表記する言語を使わないのであれば、指定しなくてよい。
disabled	指定したグループを選択不可能にする。。
id	ID名。CSSを適用するときに使用する。
label
lang	言語コード。日本語、英語といった言語を指定する。html要素に記述してあれば、明示する必要はない。
style	スタイルシートを直接記述する。
title	補足情報。テキストにカーソルを合わせるとtitle属性に指定した文字列をポップアップで表示する。

optgroup要素はoption要素の複数項目をグループ分けして表示します。label要素を指定すると各グループごとに見出しを表示します。

disabled属性を指定すると、その項目グループは選択できません。ブラウザ上では選択できているように動作しますが、選択禁止になっているoption要素のvalue属性の値は、submitボタンを押しても送信されません。

UpDate:2010-5-8

〔Amazonの書籍紹介ページを開きます〕

実際に一つのウェブサイトをつくる過程を経験しながらHTMLやCSSを理解していくスタイルをとっている本。初心者向けで非常にわかりやすい構成です。

HTML文書をつくる上で辞典の存在は欠かせません。ウェブ上で調べればいいと思う人もいるかもしれませんが、やはり傍らにおいてすぐに調べられるようにしておくと作業は早くなります。中級者向け。

HTMLについてまったくの初心者が読む本。初心者であってもコンピュータ系に理解力がある人には向いていません。本書を読んで大体理解したら上掲の本などで理解を深めましょう。

CSSによる段組レイアウトXHTML／HTMLのテクニックを順を追って解説する良書。実戦的な内容で覚えた知識でウェブサイトをつくりはじめられます。

ウェブデザイン、ウェブサイト作成の初心者～中級者向けの本。丁寧なつくりでHTMLの要素、CSSのプロパティ解説ページにおいても関連ページの表記を細かく行っています。