ویژگی disabled Input Color

تعریف و استفاده

disabled ویژگی تنظیم یا بازگشت این که آیا باید انتخاب‌کننده رنگ غیرفعال شود یا خیر.

عناصر غیرفعال قابل استفاده نیستند و قابل کلیک نیستند. به طور پیش‌فرض، عناصر غیرفعال معمولاً به رنگ خاکستری در مرورگر نمایش داده می‌شوند.

این ویژگی反映 ویژگی disabled HTML است.

لطفاً به: مراجعه کنید

دستورالعمل 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 هیچ انتخاب‌گر رنگی نمایش نمی‌دهد.