Form: FIELDSET & LEGEND
記述形式
<FORM>
<FIELDSET>
[ NN6,7 | IE4,5,6 ]
<LEGEND>...</LEGEND>
[ NN6,7 | IE4,5,6 ]
(フォーム要素)
</FIELDSET>
</FORM>
使用方法
- FIELDSET
- 入力フォームをグループ化するときに使用します。
- LEGEND
- FIELDSETの表題を設定します。
使用例 (IE4.0x以降及びNN6以外のブラウザでは正常に表示されません)
<FORM>
<FIELDSET>
<LEGEND>Personal Data</LEGEND>
name:<INPUT TYPE="text"><BR>
e-mail:<INPUT TYPE="text"><BR>
HomePage URL:<INPUT TYPE="text"><BR>
sex:<INPUT TYPE="radio">男性
<INPUT TYPE="radio">女性
</FIELDSET>
<FIELDSET>
<LEGEND>Use Browser</LEGEND>
<INPUT TYPE="checkbox">NetscapeNavigator<BR>
<INPUT TYPE="checkbox">InternetExplorer<BR>
<INPUT TYPE="checkbox">NCSA Mosaic<BR>
<INPUT TYPE="checkbox">その他
</FIELDSET>
<BUTTON TYPE="submit">送信</BUTTON>
<BUTTON TYPE="reset">クリア</BUTTON>
</FORM>
option attribute
- 表題の位置を指定する(廃止予定)
<LEGEND ALIGN="top | bottom | left | right">
[ NN6,7 | IE4,5,6 ]
NN及びIEではtopとbottomが有効ではありません。
- アクセスキーを指定する
<LEGEND ACCESSKEY="*">
[ NN7 | IE4,5,6 ]
例えば、ACCESSKEY="x" を指定しているとキーボードの [ALT+X] を押すとフォーカスが
このグループの入力エリアに移る。
NN7では指定したLEGENDエリアの後にフォーカスが設定される。
- 複数のタグで同一の名称(例えばHEAD部のCSS要素)を使用する
<FIELDSET CLASS="name">
[ NN6,7 | IE4,5,6 ]
<LEGEND CLASS="name">
[ NN6,7 | IE4,5,6 ]
- フォームグループ及び表題に名称を付ける
<FIELDSET ID="name">
[ NN6,7 | IE4,5,6 ]
<LEGEND ID="name">
[ NN6,7 | IE4,5,6 ]
- スタイル属性を定義する
<FIELDSET STYLE="property">
[ NN6,7 | IE4,5,6 ]
<LEGEND STYLE="property">
[ NN6,7 | IE4,5,6 ]
- タグに付加的情報を付ける
<FIELDSET TITLE="comment">
[ NN6,7 | IE4,5,6 ]
<LEGEND TITLE="comment">
[ NN6,7 | IE4,5,6 ]
- 言語を指定する
<FIELDSET LANG="language">
[ IE4,5,6 ]
<LEGEND LANG="language">
[ IE4,5,6 ]
- テキストの読み方向を指定する
<FIELDSET DIR="ltr | rtl">
[ NN6,7 | IE5,6 ]
<LEGEND DIR="ltr | rtl">
[ NN7 ]
- フォームグループ及び表題をクリックしたときにスクリプト処理を行う
<FIELDSET onClick="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
<LEGEND onClick="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
- フォームグループ及び表題をダブルクリックしたときにスクリプト処理を行う
<FIELDSET onDblclick="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
<LEGEND onDblclick="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
- フォームグループ及び表題の上でマウスのキーを押し下げたときにスクリプト処理を行う
<FIELDSET onMousedown="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
<LEGEND onMousedown="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
- フォームグループ及び表題の上でマウスのキーを上げた(元に戻した)ときにスクリプト処理を行う
<FIELDSET onMouseup="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
<LEGEND onMouseup="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
- マウスポインタがフォームグループ及び表題の上に載ったときにスクリプト処理を行う
<FIELDSET onMouseover="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
<LEGEND onMouseover="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
- マウスポインタがフォームグループ及び表題から外れたときにスクリプト処理を行う
<FIELDSET onMouseout="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
<LEGEND onMouseout="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
- マウスポインタがフォームグループ及び表題の上で移動しているときにスクリプト処理を行う
<FIELDSET onMousemove="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
<LEGEND onMousemove="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
- フォームグループ及び表題の上でキーボードのキーを押し下げたときにスクリプト処理を行う
<FIELDSET onKeydown="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
<LEGEND onKeydown="処理 | 関数名">
[ IE4,5 nothing ]
- フォームグループ及び表題の上でキーボードのキーを上げた(元に戻した)ときにスクリプト処理を行う
<FIELDSET onKeyup="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
<LEGEND onKeyup="処理 | 関数名">
[ IE4,5 nothing ]
- フォームグループ及び表題の上でキーボードのキーを押し下げた状態のときにスクリプト処理を行う
<FIELDSET onKeypress="処理 | 関数名">
[ NN6,7 | IE4,5,6 ]
<LEGEND onKeypress="処理 | 関数名">
[ IE4,5 nothing ]