1. Home
  2. HTMLタグ
  3. フォームタグ
  4. フォームの部品をグループ化する

フォームの部品をグループ化する


<fieldset></fieldset>

ブラウザ
IE
Fx
Sf
Cr
O
分類
ブロックレベル要素
要素
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>

表示例

申込者

お名前:

ご住所:

お届け先

お名前:

ご住所:

※サンプルのため送信できません。


フォームタグ

ページの先頭へ


inserted by FC2 system