Input Color disabled属性

HTML DOM イプット カラーオブジェクト

定義と使用方法

disabled 色選択器が無効化されるべきかどうかを設定または返却します。

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

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

も参照してください：

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

例

例1

色選択器を無効化：

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

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

例2

色選択器が無効化されているか確認：

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

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

例3

色選択器の無効化と有効化：

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

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

文法

disabled属性の返却：

colorObject.disabled

disabled属性の設定：

colorObject.disabled = true|false

属性値

値 説明
true|false

色選択器を無効化すべきかどうかを規定します。

  • true - 色選択器が無効化されています
  • false - デフォルト。色選択器は無効化されていません

技術的詳細

返却値： 色選択器が無効化されている場合に返される true、それ以外の場合は false。

ブラウザのサポート

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

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

注意：<input type="color"> 要素は Internet Explorer と Safari では色選択ツールを表示しません。

HTML DOM イプット カラーオブジェクト