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

• トップ
• HTMLリファレンス
• <fieldset>

• 概要
• 説明
• 属性
• 使用例
• 関連項目
• リンク

概要

形式

<fieldset>～</fieldset>

サポート

https://caniuse.com/mdn-html_elements_fieldset

カテゴリ

フローコンテンツ

セクショニングルート

リステッド リアソシエイタブル(HTML 5.2) フォーム関連要素

パルパブルコンテンツ

親要素

フローコンテンツ を子要素に持てるもの

子要素

0個または1個の legend 要素と、それに続く フローコンテンツ

タグの省略

開始タグ:必須 / 終了タグ:必須

属性

グローバル属性
disabled
form
name

説明

<form> で定義するフォーム中の入力部品をグループ化します。<legend> でグループのタイトルを記述することができます。

属性

グローバル属性

詳細は グローバル属性 を参照してください。

disabled

LS/H5/e/Ch/Fx/Op

この要素を無効化します。

form=id

LS/H5

関係付けたい form要素の id属性を指定します。省略時は fieldset要素の親の form要素と結びつきます。

name=name

LS/H5

フィールドセットに名前を付けます。

align=align

[非推奨] e4

要素の位置を指定します。

使用例

<form method="POST" action="cgi-bin/xx.cgi">
  <fieldset>
    <legend>お客様情報</legend>
    名前：<input type="text" name="name" size=20>
    年齢：<input type="text" name="age" size=20>
  </fieldset>
  <fieldset>
    <legend>ご利用環境</legend>
    OS：<input type="text" name="os" size=20>
    ブラウザ：<input type="text" name="browser" size=20>
  </fieldset>
</form>

関連項目

• <legend>
• <form>

リンク

• https://html.spec.whatwg.org/multipage/form-elements.html#the-fieldset-element
• https://developer.mozilla.org/ja/docs/Web/HTML/Element/fieldset
• https://caniuse.com/mdn-html_elements_fieldset