fieldset(フィールドセット)要素はフォームの内容をまとめます(入力欄などのフォーム部品をグループ化する)。

fieldset要素によってまとめられたフォームの内容グループには、legend要素によって見出しを付与することができる。legend要素は、fieldset要素の最初の子要素として記述される必要がある。HTML LIving Standard において、legend要素は任意の子要素となる(fieldset要素の子要素としてlegend要素は必須ではない)。

fieldset要素説明
カテゴリー・パルパブルコンテンツ
・フォーム関連要素
・フローコンテンツ
・リスト可能なフォーム関連要素
・自動大文字化継承フォーム関連要素
コンテンツモデル任意で legend 要素、その後にフロー・コンテンツが続く。
使用できる場所フローコンテンツが期待される場所

fieldset要素に指定できる属性

すべてのHTML要素で使用できる属性になります。

disabled 属性はフォームの入力コントロールやコマンドなどを無効にします。disabled 属性は論理属性になる。

form属性は任意の form要素に付与した id属性値を指定することで、そのフォームと、form属性をもつ入力コントロールなどを関連付けることができる。

name 属性は、要素に名前を付与します。この名前を使用して、JavaScript から要素にアクセスしたり、iframe要素に付与した名前はリンクのターゲットに使用したりすることができます。

使用例

<fieldset>
  <legend>好きなスポーツ(複数回答可)</legend>
    <p>
    <label>
      <input type="checkbox" name="sampleSports[]" value="サッカー">サッカー
    </label>
    <label>
      <input type="checkbox" name="sampleSports[]" value="フットサル">フットサル
    </label>
    <label>
      <input type="checkbox" name="sampleSports[]" value="その他">その他
    </label>
    </p>
</fieldset>

表示

好きなスポーツ(複数回答可)

カテゴリー: