<legend></legend>

ブラウザ
  • IE
  • Cr
  • Sf
  • Fx
  • O
分類 ---
利用場所 fieldset要素の最初の子要素として
内容 フレージング・コンテンツ

legend要素は、部品グループのキャプション(タイトルや説明)を表します。この要素は、fieldset要素の子要素として使用します。


<fieldset>
<legend>グループのキャプションを表します</legend>

</fieldset>

一般的なブラウザでは、legend要素内のテキストが部品グループの左上に表示されます。

legend要素の配置位置

legend要素は、fieldset要素内の最初の部分(fieldset開始タグの直後)に1つだけ配置することができます。

<fieldset>

<legend>グループのキャプション</legend>

<p>お名前:<input type="text" name="name" size="30"></p>
<p>ご住所:<input type="text" name="address" size="50"></p>
...

</fieldset>
HTML5における変更点

使用例

2つの部品グループにキャプションを付けた例

<form method="post" action="example.cgi">

<fieldset>
<legend>申込者</legend>
<p>お名前:<input type="text" name="name1" size="30"></p>
<p>ご住所:<input type="text" name="address1" size="30"></p>
</fieldset>

<fieldset>
<legend>お届け先</legend>
<p>お名前:<input type="text" name="name2" size="30"></p>
<p>ご住所:<input type="text" name="address2" size="30"></p>
</fieldset>

<p><input type="submit" value="送信する"></p>

</form>

表示例
申込者

お名前:

ご住所:

お届け先

お名前:

ご住所:

  • サンプルのため送信できません。