Input Button disabled 属性

HTML DOM インプット ボタン オブジェクト

定義と使用方法

disabled 入力ボタンの無効化が設定または返されるかどうかを指定します。

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

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

も参照してください：

HTML 参考マニュアル：HTML <input> disabled 属性

実例

例 1

ボタンを無効化：

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

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

例 2

ボタンが無効化されているか確認：

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

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

例 3

ボタンの有効・無効化：

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

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

文法

disabled 属性を返します：

buttonObject.disabled

設定 disabled 属性：

buttonObject.disabled = true|false

属性値

値 説明
true|false

入力ボタンを無効化するかどうかを指定

  • true - 入力ボタンが無効化されています
  • false - デフォルト。入力ボタンは無効化されていません

技術的詳細

返却値： ブール値、入力ボタンが無効化されている場合に返却 true、それ以外の場合は返却 false。

ブラウザサポート

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

HTML DOM インプット ボタン オブジェクト