無料ホームページ作成！ＨＴＭＬ
フォームのグループ化

無料ホームページ作成！HTML・フォーム
フォームのグループ化
（FIELDSET,LEGEND要素）

ホームページでフォームのグループ化

FIELDSET要素　（ブロック）

fieldset要素はフォームをグループ化できる要素です。この要素と見出しを付けるlegend要素を使うことにより観覧者に優しいフォームを作ることが出来る。

LEGEND要素　（インライン）

legend要素はグループ化されたフォームに見出しを付ける要素です。fieldset要素にグループ化されたフォームが何のフォームグループかを分かりやすく出来ます。

<fieldset><legend>タグの使い方

HTMLソース

<form action="url">
 <fieldset>
  <legend>グループ１</legend>
  <input type="radio" name="1" value="1">項目１<br>
  <input type="radio" name="1" value="2">項目２
 </fieldset>
 <fieldset>
  <legend>グループ２</legend>
  <input type="radio" name="2" value="1">項目１<br>
  <input type="radio" name="2" value="2">項目２
 </fieldset>
</form>
 

結果

さらに全体をfieldset要素で囲んでもいいでしょう。

FIELDSET,LEGEND要素で宣言できる属性

fieldset要素には特にありません。