IT専科TOP>HTML/スタイルシート>HTMLタグ(ABC順)> <legend>

<legend>

<fieldset>によって、ひとまとめにされたコントロール群の名称を表示させることができます。


ブラウザ

IE4 / IE5 / IE5.5 / IE6 / N6 / N7 / O6 / O7 / O9 / Fx1 / Fx2 / IE5 mac

▲PageTop

仕様

・構成
要素区分 エンドタグ ネストできる要素 備考
<fieldset>要素の子要素 省略不可 inline が何回か出現、もしくは出現しない。

・属性
属性名 必須 意味
accesskey 指定したキーがショートカットキーとして機能 例:k
align 配置位置
top
フィールドの上部(規定値)
bottom
フィールドの下部
left
フィールドの左部

right
フィールドの右部

class class名 スタイルシートを設定したclass名
id id名 スタイルシートを設定したid名もしくは、任意のテキスト
title 説明文 任意のテキスト
style スタイル 任意のスタイル
lang 言語コード 例(日本語):ja
dir 読む方向
rtl
右から左に読む
ltr
左から右に読む

・イベント
イベント 仕様
onclick クリック時に発生
ondblclick ダブルクリック時に発生
onmousedown 要素上でマウスボタンを押したときに発生
onmouseup 要素上でマウスボタンを離したときに発生
onmouseover ポインティングデバイスが要素上を通過したときに発生
onmousemove ポインティングデバイスが要素上で動くと発生
onmouseout 要素の領域から出るときに発生
onkeypress 要素上でキーが押されて、要素から離れたとき発生
onkeydown 要素上でキーが押されたとき発生
onkeyup 要素上で押されたキーを離したとき発生

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
  </head>
  <body>
    <form name="frm1">
      <fieldset>
        <legend>必須入力項目</legend>
        <label for="t1">お名前</label><input type="text" name="ctr1" id="t1" size="25"><br>
        <label for="t2">住所</label><input type="text" name="ctr2" id="t2" size="50"><br>
        <br>
        注文商品<br>
        <select>
          <option>抹茶</option>
          <option>煎茶</option>
          <option selected="selected">緑茶</option>
          <option>玄米茶</option>
          <option>麦茶</option>
        </select>
        個数<br>
        <select>
          <option>1</option>
          <option>2</option>
          <option>3</option>
          <option>4</option>
          <option>5</option>
        </select>
      </fieldset>
    </form>
  </body>
</html>

表示結果

必須入力項目


注文商品
個数

▲PageTop

関連項目

HTML

<fieldset>

▲PageTop