legend 要素フォームの内容グループに見出しをつける

legend 要素は fieldset 要素によってまとめられたグループの見出しを表します。

legend 要素は fieldset 要素の最初の子要素として、該当する fieldset 要素内でひとつだけ使用することができます。

サンプルソースを見る

legend 要素の仕様

カテゴリ
  • なし
コンテンツモデル
この要素を使用できる文脈

fieldset 要素の最初の子要素として

この要素で使用できる属性
DOM インタフェース
interface HTMLLegendElement : HTMLElement {
  readonly attribute HTMLFormElement? form;
};

legend 要素のサンプルソース

<fieldset>
 <legend>お客様情報</legend>
 <p>
  <label for="name">お名前</label> <input tyle="text" name="name" id="name" value="" />
 </p>
 …省略…
</fieldset>
<fieldset>
 <legend>アンケート</legend>
 <p>
  …省略…
 </p>
 …省略…
</fieldset>
<!-- legend 要素が fieldset 要素の最初の子要素となっておらず、
     下記のような記述は間違いです -->
<fieldset>
 <p>お客様情報を入力してください。</p>
 <legend>お客様情報</legend>
 <p>
  <label for="name">お名前</label> <input tyle="text" name="name" id="name" value="" />
 </p>
 …省略…
</fieldset>

W3C HTML5 仕様書

4.10.5 The legend element