<legend></legend>
ブラウザ |
|
---|---|
分類 | --- |
利用場所 | 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における変更点
-
- align属性が廃止されました。
使用例
<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>
- 表示例
- サンプルのため送信できません。