ウェブランサー

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

対応ブラウザ
IE7対応IE8対応Firefox対応Chrome対応Opera対応Safari対応
タイプ -
取り扱い 標準

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

<fieldset>タグに指定できる属性

style="プロパティ:値;"
スタイルシートの指定ができます。
id="", class=""
idやclass付けが出来ます。

<fieldset>の使用サンプル

HTML
<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
アンケート 採点

感想

<fieldset>に関連するHTMLタグ

入力フォームに関連する要素
<command> ページ内のメニューに操作コマンドを設定する
<datalist> フォームの入力欄に入力候補となる選択肢を提供する
<fieldset> フォームの入力項目をグループ化する
<form> フォームを作成する
<input> フォームを構成する部品を作成する
<label> フォームの入力項目と項目名を関連付ける
<legend> 入力項目グループにタイトルを付ける
<meter> 規定範囲内の数量や測定値を表す
<optgroup> セレクトボックスの選択肢をグループ化する
<option> セレクトボックスの選択肢を作成する
<output> 計算結果やユーザーアクションの出力欄を作成する
<progress> 作業の進捗状況を示すプログレスバーを表示する
<select> セレクトボックスを作成する
<textarea> 複数行のテキストエリアを作成する