フォーム(グループ化)

フォーム(グループ化)

フォームをグループ化したり、タイトルをつけたりすることによって、入力画面を見やすくすることができます。ここでは、このグループ化の方法について学びましょう。

フォームのグループ化

フォームをグループ化するのには、 fieldset 要素を使います。グループ化したものにタイトルをつける場合には、 legend 要素を利用します。 legend 要素には、align 属性を指定することができて、 top、bottom、left、right などの値を指定することによって、タイトルの表示位置を指定することができます。

ソース

表示

<form action="mailto:" method="post">
<fieldset>
<legend>会員１</legend>
<div>
<label>名前：<input type="text" name="name1"></label>
<label>メール：<input type="text" name="mail1"></label>
</div>
</fieldset>
<fieldset>
<legend>会員２</legend>
<div>
<label>名前：<input type="text" name="name2"></label>
<label>メール：<input type="text" name="mail2"></label>
</div>
</fieldset>
</form>

2003/07/16(Wed)

トップページへ

SEO		[PR] 爆速!無料ブログ無料ホームページ開設無料ライブ放送