HTML <input> disabled 属性

HTML <input> タグ

定義と使用法

disabled 属性は input 要素を無効にするべきことを定義します。

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

無効化された input 要素は使用できず、クリックもできません。

設定可能です disabled 属性がユーザーが <input> 要素を使用するのを阻止するために設定され、特定の条件（例えばチェックボックスが選択された場合など）を満たすまでその状態が続きます。その後、JavaScript が disabled 値を削除し、<input> 要素を有効にすることができます。

ヒント：フォームで無効化された <input> 要素は送信されません！

注意：disabled 属性は <input type="hidden"> 一緒に使用。

例

無効な入力フィールドを持つ HTML フォーム：

<form action="/action_page.php">
  <label for="fname">名：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">姓：</label>
  <input type="text" id="lname" name="lname" disabled><br><br>
  <input type="submit" value="提出">
</form>

実際に試してみる

文法

<input disabled>

ブラウザのサポート

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

HTML <input> タグ