<fieldset>~</fieldset>
fieldset(フィールドセット)要素はフォームの内容をまとめます(入力欄などのフォーム部品をグループ化する)。
fieldset要素によってまとめられたフォームの内容グループには、legend要素によって見出しを付与することができる。legend要素は、fieldset要素の最初の子要素として記述される必要がある。HTML LIving Standard において、legend要素は任意の子要素となる(fieldset要素の子要素としてlegend要素は必須ではない)。
fieldset要素 | 説明 |
---|---|
カテゴリー | ・パルパブルコンテンツ ・フォーム関連要素 ・フローコンテンツ ・リスト可能なフォーム関連要素 ・自動大文字化継承フォーム関連要素 |
コンテンツモデル | 任意で legend 要素、その後にフロー・コンテンツが続く。 |
使用できる場所 | フローコンテンツが期待される場所 |
fieldset要素に指定できる属性
グローバル属性
すべてのHTML要素で使用できる属性になります。
disabled属性
disabled 属性はフォームの入力コントロールやコマンドなどを無効にします。disabled 属性は論理属性になる。
form属性
form属性は任意の form要素に付与した id属性値を指定することで、そのフォームと、form属性をもつ入力コントロールなどを関連付けることができる。
name属性
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>
表示