<legend> - フィールド・セットの見出し

2009.12.11

構文

<form>
<fieldset>
  <lenegnd>・・・</legend>
    ：
</fieldset>
</form>

説明文

　<legend>タグは，<fieldset>タグでグループ化したフォームのタイトルを付加する。タイトルは<legend>～</legend>内に記載する。付加したタイトルは左上に表示される。ただし，Webブラウザによっては対応しない場合がある。

サンプル

HTMLソース

<form method="POST" action="buy_script.cgi">
<div>
　　：
  <p>メモリー容量：<input size="5" name="memory" type="text">Mバイト</p>
  <fieldset>
    <legend>アンケート</legend>
    <p>最後にアンケートにお答えください。</p>
    <p>インターネット歴：<input type="text" size="4" name="q1">年</p>
    <p>よく訪れるサイト名：<input type="text" size="40" name="q2"></p>
    <p>このサイトを知ったきっかけ：</p>
    <textarea name="q3" cols="40"></textarea>
    <p>ご協力ありがとうございました。</p>
  </fieldset>
  <input type="submit" value="送信">
</div>
</form>

ブラウザ表示例

対応状況

HTML			IE		Firefox		Opera
4 strict	4 Transitional	5	6	7	2	3	8	9
○	○	○	○	○	○	○	○	○

要素，タグ

タグ要素	フォーム要素
包括可能要素	インライン要素
タグ記述条件	開始タグ：必須　終了タグ：必須

属性

属性	意味	対応
属性	意味	HTML 4s	HTML 4t	その他
accesskey=キー	このタグにフォーカスするキー設定を行う。「A」と指定すると，[ALT]+[a]を押下することでこのタグにフォーカスが移動する	○	○
align=配置位置	このタグの内容を表示する配置位置を指定する。「left」で左揃え，「right」で右揃え，「top」で上揃え，「bottom」で下揃えにする	×	○
class=クラス名	このタグのクラス名。CSSでスタイルを指定する場合などに利用される	○	○
dir=方向	タグ内の文字の表示方向。「ltr」を指定すると文字を左から右に，rtlを指定すると「右から左」に表示する。しかし，多くのWebブラウザでは，文字コードを自動判別し，自動的に表示方向を決定している。そのため，日本語を「rtl」と指定しても実際には左から右に表示される。強制的に並び替えを行いたい場合は<bdo>タグを利用する	○	○
id=ID	タグのID。ダイナミックHTMLでタグを操作する場合や，Java Scriptでのタグの制御，個別にスタイルを指定する場合などに利用する	○	○
lang=言語	タグ内に記述した言語。例えば，日本語の場合は「ja」，英語の場合は「en」を指定する	○	○
style=スタイル	タグのスタイル。スタイルの指定方法については「CSSの基本 (2) CSSの記述位置」を参照	○	○
title=タイトル	タグのタイトル。一般的にタグの補足情報を記述する。一般的なWebブラウザでは，タグ上にマウス・ポインタを乗せるとツール・チップにtitle属性に指定した内容を表示する	○	○

マウスやキーボードの状況変化に関わる属性

属性	意味	対応
属性	意味	HTML 4s	HTML 4t	その他
onclick=スクリプト	このタグに対応する表示結果にマウスの左ボタンをクリックした場合に，指定したスクリプトを実行する	○	○
ondblclick=スクリプト	このタグに対応する表示結果にマウスの左ボタンをダブル・クリックした場合に，指定したスクリプトを実行する	○	○
onmousedown=スクリプト	このタグに対応する表示結果にマウスのボタンで押下した場合に，指定したスクリプトを実行する	○	○
onmouseup=スクリプト	このタグに対応する表示結果にマウスのボタンを離した場合に，指定したスクリプトを実行する	○	○
onmouseover=スクリプト	このタグに対応する表示結果にマウス・ポインタが乗った場合に，指定したスクリプトを実行する	○	○
onmousemove=スクリプト	このタグに対応する表示結果上でマウス・ポインタが動いた場合に，指定したスクリプトを実行する	○	○
onmouseout=スクリプト	このタグに対応する表示結果にマウス・ポインタが外れた場合に，指定したスクリプトを実行する	○	○
onkeypress=スクリプト	このタグに対応する表示結果にフォーカスした状態で，キーボードのキーを押下して離した場合に，指定したスクリプトを実行する	○	○
onkeydown=スクリプト	このタグに対応する表示結果にフォーカスした状態で，キーボードのキーを押下した場合に，指定したスクリプトを実行する	○	○
onkeyup=スクリプト	このタグに対応する表示結果にフォーカスした状態で，キーボードのキーから離した場合に，指定したスクリプトを実行する	○	○