legend 要素フォームの内容グループに見出しをつける
legend 要素は fieldset 要素によってまとめられたグループの見出しを表します。
legend 要素は fieldset 要素の最初の子要素として、該当する fieldset 要素内でひとつだけ使用することができます。
legend 要素の仕様
- カテゴリ
-
- なし
- コンテンツモデル
- この要素を使用できる文脈
fieldset 要素の最初の子要素として
- この要素で使用できる属性
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>
主要ブラウザの対応
| IE11 | ○ |
|---|---|
| Edge（EdgeHTML） | ○ |
| Edge（Chromium） | ○ |
| Chrome | ○ |
| Firefox | ○ |
| Safari | ○ |
| iOS Safari | ○ |
| Android Chrome | ○ |