fieldsetタグを指定すると、フォームの入力項目をグループ化することができます。また、legendタグを指定すると、そのグループにタイトルを付けられます。
<form method="POST" action="example.cgi">
<fieldset>
<legend>タイトル</legend>
お名前：<input type="text" name="name" size="30">
<br>
E-Mail：<input type="text" name="email" size="30">
</fieldset>
</form>
グループ化する入力項目をfieldsetタグで囲みます。
そのグループにタイトルを付ける場合は、fieldsetタグに囲まれた部分へlegendタグを置き、そのlegendタグに囲まれた部分にタイトル文字を記述します。
複数のグループを設定する場合には、上記の作業を繰り返します。
【タイトルの表示位置】
legendタグに align="" を追加すると、タイトルの表示位置を指定できます。
<legend align="center">タイトル<legend>
align="" には、left、center、right が指定できます。
※この属性は、HTML4.01では非推奨とされています。
<form method="POST" action="example.cgi">
<fieldset>
<legend>申込者</legend>
お名前：<input type="text" mame="name" size="20">
電話番号：<input type="text" mame="tel" size="20">
<br>
ご住所：<input type="text" mame="address" size="60">
</fieldset>
<fieldset>
<legend align="right">お届け先</legend>
お名前：<input type="text" mame="name2" size="20">
電話番号：<input type="text" mame="tel2" size="20">
<br>
ご住所：<input type="text" mame="address2" size="60">
</fieldset>
<input type="submit" value="送信する">
<input type="reset" value="リセット">
</form>
▼これをブラウザで見ると次のように表示されます
※サンプルのため送信できません
