webmas.jp

フォームとの関連付け

form 属性を使用し、<fieldset> 要素をどの <form> 要素と関連付けるかを指定することができます。関連付ける相手となる <form> 要素には id を設定します。

<fieldset form="abc">
<p>名前：<input type="text" name="name" form="abc" /></p>
<p>住所：<input type="text" name="address" form="abc" /></p>
</fieldset>

<form method="post" action="sample.php" id="abc">
<p><input type="submit" value="送信" /></p>
</form>

グループに関連付けられた名称

name 属性はフォーム部品のグループに名前を設定することができます。

<fieldset name="abc">
<p>名前：<input type="text" name="name" form="abc" /></p>
<p>住所：<input type="text" name="address" form="abc" /></p>
</fieldset>

フォーム部品の無効化

disabled 属性はグループのフォーム部品を無効化することができます。

<fieldset disabled>
<p>名前：<input type="text" name="name" form="abc" /></p>
<p>住所：<input type="text" name="address" form="abc" /></p>
</fieldset>

<fieldset> 内に <legend> 要素を配置するとグループのキャプションを指定することができます。<legend> は <fieldset> 要素内の先頭に配置する必要があります。<fieldset> 要素に disabled が指定されていても <legend> 内の部品は無効化されません。

<fieldset disabled>
<legend><label><input type="checkbox" name="">キャプション</input></label></legend>
<p>名前：<input type="text" name="name" form="abc" /</p>
<p>住所：<input type="text" name="address" form="abc" /></p>
</fieldset>