fieldsetタグ
fieldsetは、フォームをグループ化するタグです。
解説
fieldsetタグを使用してグループ化すると、枠が表示されて関連したフォームである事が分かりやすくなります。
枠にタイトルを付けたい場合は、legendタグを使用します。
コンテンツ・モデル
カテゴリー (自カテゴリ) | フロー・コンテンツ |
コンテキスト (親カテゴリ) | フロー・コンテンツを許可する場所 |
コンテンツ・モデル (子カテゴリ) | legendタグ フロー・コンテンツ |
属性
fieldsetタグには以下の属性が指定できます。
属性 | 説明 |
---|---|
form | 関連するフォームIDを指定する (例)form="fm1" |
disabled | fieldset内のフォーム部品を非活性にする (例)disabled="disabled" ※disabledのみでもOKです。 |
属性 | 説明 |
---|---|
class | クラスを指定する (例)class="hoge" |
id | IDを指定する (例)id="foo" |
style | スタイルを指定する (例)style="color:red;" |
その他のグローバル属性値については、グローバル属性をご覧ください。
サンプル
血液型選択欄を作成する
<fieldset>
<legend>血液型</legend>
<input type="radio" name="rdo1" value="a">A
<input type="radio" name="rdo1" value="b">B
<input type="radio" name="rdo1" value="o">O
<input type="radio" name="rdo1" value="ab">AB
</fieldset>