Input Number disabled 属性

HTML DOM インプット ナンバー オブジェクト

定義と使用方法

disabled 数字フィールドを無効化するかどうかを設定または返す属性。

無効化された要素は使用できず、クリックもできません。デフォルトでは、無効化された要素はブラウザで灰色で表示されます。

この属性は HTML の disabled 属性を反映しています。

参照してください：

HTML リファレンスマニュアル：HTML <input> disabled 属性

例

例 1

数字フィールドを無効化：

document.getElementById("myNumber").disabled = true;

自分で試してみてください

例 2

数字フィールドが無効化されているか確認：

var x = document.getElementById("myNumber").disabled;

自分で試してみてください

例 3

数字フィールドの有効/無効化：

function disableBtn() {
  document.getElementById("myNumber").disabled = true;
}
function undisableBtn() {
  document.getElementById("myNumber").disabled = false;
}

自分で試してみてください

文法

返回 disabled 属性：

numberObject.disabled

設定 disabled 属性：

numberObject.disabled = true|false

属性値

値 説明
true|false

数字フィールドを無効化するかどうかを指定します。

  • true - 数字フィールドが無効化されています
  • false - デフォルト。数字フィールドは無効化されていません

技術的詳細

返り値： ブール値、数字フィールドが無効化されている場合に返されます true；そうでない場合は返します false。

ブラウザのサポート

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

HTML DOM インプット ナンバー オブジェクト