2020.03.02 2023.01.10

<fieldset>要素の使い方・サンプルコード

Sara

<fieldset>
属性
使用例
対応ブラウザ
関連するタグ

<fieldset>

<fieldset>要素は、フォーム入力欄をグループ化するために使用します。

<legend>要素でグループに見出しを付けることができます。

デモ：fieldset要素

選択してください。

犬
猫

属性

disabled

ユーザーがフォーム入力欄を編集・選択できないようにします。論理属性です。

この属性をつけるとクリックやフォーカスもできなくなります。

form

関連付けたい form 要素の id を指定します。

form 属性を指定することで、form 要素の子要素に fieldset 要素を置かなくても、同じ HTML 文書中にあるフォームに関連付けることができます。

name

fieldset グループの名前を指定します。

グローバル属性

全ての HTML に共通して使用できるグローバル属性はこちら

使用例

HTML

<fieldset>
  <legend>選択してください。</legend>
  <label><input type="radio" name="dog">犬</label>
  <label><input type="radio" name="cat">猫</label>
</fieldset>

実行結果

選択してください。

犬
猫

対応ブラウザ

<fieldset>要素の使い方・サンプルコード

<fieldset>

属性

disabled

form

name

グローバル属性

使用例

対応ブラウザ

関連するタグ

Code for Fun プログラミング講座

動くコード

自分のペースで

個別サポート

<input type="file">の使い方・サンプルコード

<input type="date">の使い方・サンプルコード

<main>要素の使い方・サンプルコード

<template>要素の使い方・サンプルコード

<img>要素の使い方・サンプルコード