fieldset
1. 基本情報
| 説明 | フォームのコントロールをグループ化する |
|---|---|
| 語源 | FIELD SET |
| 所属モジュール | Forms |
| 所属コンテントセット | Form |
| 内容 | Flow, legend |
| 内容の書式 | ( Flow | legend )* |
| 関連項目 | form |
| 公式な実装 | DTD |
2. 属性
2-1. 一般属性
| 属性 | 属性値の型 | 説明 |
|---|---|---|
| Common | [属性コレクション] |
XHTMLの要素が大抵持っている、一般的な属性を集めたコレクションです。 |
2-2. 固有属性
固有属性はありません。
3. 解説
3-1. 概要
fieldset要素は、フォームのコントロールを論理的にグループ化します。Windowsで言う所のグループボックスみたいなものです。form要素直下に置く事ができるので、意味的に繋がりのあるコントロールはこれでまとめるといいでしょう。fieldset要素は見た目だけでなく意味の上でもグループ化できるので、単なるdiv要素などより良い選択肢です。
仕様書には空白の為のPCDATAデータタイプを内容として持てると書いてありますが、それを言ったら他の要素の内容にも全てPCDATAデータタイプを追加しなければならなくなるので、削除しました。
3-2. 使用例
fieldset要素は、子としてlegend要素を持つ事でキャプションを設定できます。特にグラフィカルユーザーエージェントで無い場合、重宝されるでしょう。
[プログラムコード開始]
<form action="/search.cgi" method="get">
<fieldset>
<legend>ユーザ情報</legend>
<div><input type="text" name="user-id" value="ユーザID"/></div>
<div><input type="password" name="password" value="pass"/></div>
<div><input type="text" name="e-mail" value="foo@bar.com"/></div>
</fieldset>
<fieldset>
<legend>購読するメールマガジン</legend>
<div><input type="checkbox" name="subscribing" value="wheathering"/>Wheathering</div>
<div><input type="checkbox" name="subscribing" value="moon-gazer"/>Moon Gazer</div>
<div><input type="checkbox" name="subscribing" value="dotnet-claimwork"/>.NET Claimwork</div>
</fieldset>
</form>
[プログラムコード終了]
仕様書では特に触れられていませんが、legend要素はfieldset要素の第1の子にした方がいいでしょう。
| [fieldset] | ||
|---|---|---|
| Published | : | 2006-03-26T09:00:00+09:00 |
| Last Modified | : | 2007-02-16T09:00:00+09:00 |
| Table of Contents | : | 要素目次 |
| Index | : | 要素索引 |
| Verified with | : |
|