legend要素(fieldset legend)の legend とは集合的に用いるという意味で、fieldset要素でグループ化したフォームのコントロール部品に見出しを指定します。特に非視覚環境においてグループ化されたコントロールの案内は、多くのコントロールを埋める際にユーザの理解を容易にします。多くの視覚環境の UA で、fieldset要素はフォーム内容を四角の枠で囲み、legend要素の内容である見出し部分は四角の枠の間に挟まれて左上に表示されます。また、legend要素は accesskey属性と合わせて指定することが推奨されおり、アクセスキーが作動すると、自動的にグループ化されたフォームのコントロール内で一番最初にあるコントロールへとフォーカスが移ります。

fieldset要素の内容は必ずグループの見出しを指定する、この legend要素ではじまらなければならず、legend要素の前には半角スペースや水平タブなどの空白類文字しか許されません。

バージョン
  • HTML4.01(S,T,F)
  • XHTML1.0(S,T,F)
  • XHTML1.1
要素型
fieldset要素の子要素
開始タグ
必須
終了タグ
必須
非推奨
-
内容モデル

legend要素の属性

共通属性
イベント属性

legend要素のサンプル

<fieldset>
<legend accesskey="U">ユーザ登録</legend>
<label for="user">ユーザ名</label>
<input type="text" name="user" id="user" size="40">
<label for="pass">パスワード</label>
<input type="text" name="pass" id="pass" size="40">
<label for="email">E-mail</label>
<input type="text" name="email" id="email" size="40">
</fieldset>
<fieldset>
<legend accesskey="P">連絡情報</legend>
<label for="name">お名前</label>
<input type="text" name="name" id="name" size="40">
<label for="address">現住所</label>
<input type="text" name="address" id="address" size="40">
<label for="phone">電話番号</label>
<input type="text" name="phone" id="phone" size="40">
</fieldset>
<p><input type="submit" value="登録"></p>
Updated / Published