خصائص Input Color disabled

التعريف والاستخدام

disabled يحدد إعداد أو إرجاع ما إذا كان يجب تعطيل اختيار اللون أم لا.

العناصر المحطمة غير متاحة ولا يمكن النقر عليها. عادةً، يتم عرض العناصر المحطمة بلون رمادي في المتصفح.

يعكس هذا الخصائص HTML disabled.

انظر أيضًا:

دليل HTML:خصائص disabled في <input> HTML

مثال

مثال 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 لا يتم عرض أي مشغل اختيار الألوان.