<fieldset>

フォームの中の部品をグループ化します。グループ化した部品は枠線で囲まれます。 <FORM> と </FORM> の間に記述します。

<LEGEND> タグでフィールドセットに見出しを付けることができます。

書式

<fieldset> ... </fieldset>

開始タグと終了タグは省略できません。

例

HTMLタグ <fieldset> の使用例と表示サンプルを次に示します。表示結果はブラウザによって異なることがあります。 

<form>
  <fieldset>
    <input type="radio" name="account" value="sa" id="sa" checked>
    <label for="sa">普通預金</label>
    <input type="radio" name="account" value="ca" id="ca">
    <label for="ca">当座預金</label>
  </fieldset>
</form>

fieldset要素に見出しを付けるには、<legend> タグを使う。

JavaScript

JavaScriptからは HTMLFieldSetElement インタフェースを通じてform要素へアクセスできる。

関連記事

<form>

<label>

<legend>

<optgroup>

<option>

参考文献

Web Hypertext Application Technology Working Group. 2024. "The fieldset element" HTML Living Standard