<fieldset></fieldset>
fieldset要素で、フォームの部品をグループ化することができます。
一般的なブラウザでは、グループ化された範囲に四角い枠が表示されます。
<fieldset> 〜 </fieldset>
グループ化したいフォーム部品を、fieldset要素の中に配置します。
1つのフォーム内には、複数のグループを設定することができます。
【legend要素が必須です】
HTML 4.01では、fieldset要素の内容はlegend要素(グループのラベル)で始まらなければなりません。次のように、fieldset開始タグの直後にlegend要素を配置します。
<fieldset>
<legend>グループのラベル</legend>
ここにフォームの部品を配置
</fieldset>
グループのラベルについては、「部品グループにラベルを付ける」をご覧ください。
枠のスタイルやグループ間のマージンなどは、スタイルシートで調整することができます。指定方法の詳細は「関連ページ」をご覧ください。
使用例
<form method="post" action="example.cgi">
<fieldset>
<legend>申込者</legend>
<p>お名前:<input type="text" name="name1" size="30"></p>
<p>ご住所:<input type="text" name="address1" size="50"></p>
</fieldset>
<fieldset>
<legend>お届け先</legend>
<p>お名前:<input type="text" name="name2" size="30"></p>
<p>ご住所:<input type="text" name="address2" size="50"></p>
</fieldset>
<p><input type="submit" value="送信する"></p>
</form>
表示例
※サンプルのため送信できません。
- サイト内検索