<legend> - フォーム部品群の説明

■ 概要

項  目説  明
記述形式 <legend>~</legend>
対応ブラウザー H4+ / e4+ / N6+ / Fx1+ / Op7+ / Ch1+ / Sa1+  
種  類
(カテゴリー)
なし
置ける場所 fieldset要素の最初の子要素
内包要素
(コンテンツ・モデル)
フレージング・コンテンツ
(コンテンツ・モデル: カテゴリー

■ 解説

<legend> は,銘,凡例,説明文などの意味を持ちます。 <fieldset> でフォーム内の部品群をグループ化して <legend> でそのタイトルをつけます。 <legend> は,<fieldset> の開始タグの直後に,ひとつだけ記述してください。 これは,<table><caption> の関係と同様です。

■ 属性

種  類名  称
【固有属性】 なし
【グローバル属性】 accesskeyclasscontenteditable * dir
hidden *idlangspellcheck *style
tabindextitletranslate *
【ARIA role属性】
指定可能な値 (役割)
任意の値 (役割)
【ARIA aria-* 属性】
指定可能なもの
ARIA グローバル状態とプロパティ
指定可能な役割の任意の状態とプロパティ   

■ CSSプロパティ

種  類名  称
【よく使うもの】 colorbackground-colorfontfont-sizefont-family

■ 使用例

HTMLソース
HTML
<body> ~ </body>
<form action="xxx.cgi">
  <fieldset>
    <legend>使用環境</legend>
    <div>OS: <input type="text" name="OS"></div>
    <div>ブラウザー: <input type="text" name="BROWSER"></div>
  </fieldset>
  <input type="submit" value="送信">
</form>

ブラウザー 表示例
使用環境
OS:
ブラウザー:

■ 備考