HTML <fieldset> disabled 属性

HTML <fieldset> タグ

定義と使用法

disabled 属性はボールルン属性です。

この属性が設定されている場合、関連するフォーム要素群（フィールドセット）を無効にする規定が含まれます。

無効なフィールドセット（fieldset）は使用できず、クリックもできません。

設定可能です disabled 属性は、ユーザーがこれらのフィールドを使用するまで（例えば、チェックボックスを選択するなど）ある特定の条件を満たすまでこれらのフィールドをブロックすることができます。その後、JavaScript が disabled 値を削除し、フィールドセットを再び使用可能にすることができます。

例

関連するフォーム要素群を無効にします：

<form action="/action_page.php">
  <fieldset disabled>
    <legend>個人情報：</legend>
    <label for="fname">名：</label>
    <input type="text" id="fname" name="fname"><br><br>
    <label for="lname">姓：</label>
    <input type="text" id="lname" name="lname"><br><br>
    <label for="email">Email:</label>
    <input type="email" id="email" name="email"><br><br>
    <label for="birthday">誕生日:</label>
    <input type="date" id="birthday" name="birthday"><br><br>
    <input type="submit" value="提出">
  </fieldset>
</form>

実際に試してみてください

構文

<fieldset disabled>

ブラウザサポート

表の数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート サポート 6.0 サポート

disabled 属性は HTML5 での <fieldset> タグの新しいタグです。

HTML <fieldset> タグ