<FIELDSET>フォームの項目をグループ化

<FIELDSET>は、フォーム(<FORM>)に含まれる入力項目や選択項目などの、さまざまな部品をグループ化する際に使用します。

グループ化したい部分を<FIELDSET>~</FIELDSET>で囲むと、枠が表示されます。 さらに<LEGEND>タグをその先頭に付けると、そのグループにタイトルを付けることなどができます。

フォームの項目をグループ化するメリットは、それら以外にも「tabキーなどで簡単にグループ間を移動できる」という事などがあります。

使用した時の例

<fieldset>
<legend>お客様情報</legend>
  名前:<input type="text" name="name"><br />
  住所:<input type="text" name="address">
</fieldset>

<fieldset>
<legend>アンケート</legend>
好きな食べ物は?<br />
  <input type="radio" name="shop" value="ringo">リンゴ<br />
  <input type="radio" name="shop" value="itigo">イチゴ<br />
  <input type="radio" name="shop" value="melon">メロン<br />
</fieldset>

ブラウザ上の表示例

お客様情報 名前:
住所:
アンケート 好きな食べ物は?
リンゴ
イチゴ
メロン

書式

  • <fieldset>~</fieldset> ・・・・・・ 項目をグループ化

対応ブラウザなどのデータ

形式 <fieldset>~</fieldset> カテゴリ ブロックレベル要素
親要素 子要素にフレージングコンテンツを含める要素 子要素 フローコンテンツ / legend
開始タグ 必須 終了タグ 必須
カテゴリ フローコンテンツ / パルパブルコンテンツ / リアソシエイタブル / セクショニングルート / リステッド / フォーム関連
汎用属性 accesskey / class/ dir / id / lang / style / tabindex / title
対応ブラウザ Internet Explorer4~ , Google Chrome1~ , Firefox1~ , Opera1~ , Safari1~

HTML5での状況と関連情報

HTML5では、一部の属性が追加された。