legend

提供: ASCII.jp HTMLリファレンス

ver.8~ ver.7~ ver.14~ ver.5.1~ ver.11.5~
意味 フィールドのグループのキャプション
読み方 レジェンド

カテゴリー

なし

親にできる要素/カテゴリー

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

子にできる要素/カテゴリー

フレージング・コンテンツ

<legend 属性="値">~</legend>

グローバル属性

accesskey,class,contenteditable,contextmenu,dir,draggable,hidden,id,lang,spellcheck,style,tabindex,title

説明

 legend要素は、その親のfieldset要素のキャプションを表します。

 主要Webブラウザー※では、fieldset要素に枠が表示され、その左上にlegend要素で指定したキャプションが表示されます。
※Internet Explorer、Firefox、Google Chrome、Safari、Opera

サンプル

(body要素の内部のみ掲載)

<form action="server.cgi" method="post">
<fieldset>
<legend>ユーザー情報</legend>
<p><label>ユーザー名:<input type="text" name="username"></label></p>
<p><label>パスワード:<input type="password" name="pass"></label></p>
</fieldset>
<p><input type="submit" value="送信"></p>
</form>

サンプル実行画像

Powered by Web Professional

目次