<fieldset> - フィールドセット

■ 概要

項  目説  明
記述形式 <fieldset>~</fieldset>
対応ブラウザー H4+ / e4+ / N6+ / Fx1+ / Op6+ / Ch1+ / Sa1+
種  類
(カテゴリー)
フロー・コンテンツセクショニング・ルートパルパブル・コンテンツ  
置ける場所 フロー・コンテンツが記入できる場所
内包要素
(コンテンツ・モデル)
フロー・コンテンツ(とこれに続く,legend要素
(コンテンツ・モデル: カテゴリー

■ 解説

<fieldset> は,<form> 要素が含む入力部品をグループ化します。 <legend> でグループのタイトルを表示することができます。

■ 属性

種  類名  称
【固有属性】 disabledformname
【グローバル属性】 accesskeyclasscontenteditable * dir
hidden *idlangspellcheck *style
tabindextitletranslate *
【ARIA role属性】
指定可能な値 (役割)
group (既定の役割のため指定対象外),
または,presentation
【ARIA aria-* 属性】
指定可能なもの
ARIA グローバル状態とプロパティ
指定可能な役割の任意の状態とプロパティ   

■ CSSプロパティ

種  類名  称
【よく使うもの】

■ 使用例

HTMLソース
HTML
<body> ~ </body>
<form method="POST" action="cgi-bin/xx.cgi">
 <fieldset>
  <legend>お客様情報</legend>
  名前:<input type="text" name="NAME" size=15>
  年齢:<input type="text" name="AGE" size=15>
 </fieldset>
 <fieldset>
  <legend>ご利用環境</legend>
   OS:<input type="text" name="OS" size=15>
   ブラウザー:<input type="text" name="BROWSER" size=15>
  </fieldset>
 <input type="submit" value="OK">
</form>

ブラウザー 表示例
お客様情報 名前: 年齢:
ご利用環境 OS: ブラウザー:

■ 備考