<fieldset> 【フォームの入力項目をグループ化する】

[IE5] [IE6] [IE7] [Fx1] [Fx2] [Op8] [Op9] [Ns6] [Ns7]

<fieldset>タグは、フォームの入力項目をグループ化する際に使用します。
<fieldset>の直後に、<legend>タグでグループのタイトルを指定します。

<fieldset>の使用例

ソース

<form action="http://#####.com/form.php" method="post">
<fieldset>
<legend>利用者様情報</legend>
お名前<br>
<input type="text" name="name" size="40"><br>
性別<br>
<input type="radio" name="seibetsu" value="m">男
<input type="radio" name="seibetsu" value="w">女<br>
端末<br>
<input type="checkbox" name="tanmatsu" value="pc">PC
<input type="checkbox" name="tanmatsu" value="i">Docomo
<input type="checkbox" name="tanmatsu" value="e">au
<input type="checkbox" name="tanmatsu" value="s">SoftBank<br>
</fieldset>

<fieldset>
<legend>アンケート</legend>
採点<br>
<select name="point">
<option value="1">非常に良くない</option>
<option value="2">良くない</option>
<option value="3">普通</option>
<option value="4">良い</option>
<option value="5">非常に良い</option>
</select><br>
感想<br>
<textarea name="kanso" rows="4" cols="40">感想があれば是非書いて下さい。</textarea>
</fieldset>
<input type="submit" value="送信">
<input type="reset" value="リセット">
</form>

表示すると

利用者様情報 お名前

性別

端末
PC Docomo au SoftBank
アンケート 採点

感想

入力フォーム 関連項目

<form> フォームを作成する 
<input> フォームを構成する部品を作成する 
<textarea> 複数行のテキストエリアを作成 
<select> セレクトボックスを作成する 
<option> セレクトボックスの選択肢を作成する 
<optgroup> セレクトボックスの選択肢をグループ化 
<fieldset> フォームの入力項目をグループ化する 
<legend> 入力項目グループにタイトルを付ける 
<label> フォームの入力項目と項目名を関連付ける 

戻る

TOP