HTML DOM Input Color disabled Property

HTML DOM Input Color disabled property रंग इनपुट (type="color") को सक्षम या अक्षम करने की स्थिति सेट या प्राप्त करती है। अक्षम रंग इनपुट उपयोगकर्ता इंटरैक्शन के लिए उपलब्ध नहीं होता।

Syntax

अक्षम स्थिति प्राप्त करना:

inputColorObject.disabled

अक्षम स्थिति सेट करना:

inputColorObject.disabled = booleanValue

Boolean Values

booleanValue	विवरण
true	यह परिभाषित करता है कि रंग इनपुट अक्षम है
false	यह परिभाषित करता है कि रंग इनपुट अक्षम नहीं है और यह डिफ़ॉल्ट मान भी है

उदाहरण

अक्षम रंग इनपुट को बटन क्लिक करके सक्षम करना:

<!DOCTYPE html>
<html>
<head>
<title>Input Color Disabled</title>
</head>
<body>
<form>
  रंग पिकर: <input type="color" id="Color" disabled>
</form>
<button onclick="enableColorInput()">रंग इनपुट सक्षम करें</button>
<div id="divDisplay"></div>
<script>
  var divDisplay = document.getElementById("divDisplay");
  var inputColor = document.getElementById("Color");
  divDisplay.textContent = 'रंग इनपुट अक्षम: ' + inputColor.disabled;
  function enableColorInput() {
    inputColor.disabled = false;
    divDisplay.textContent = 'रंग इनपुट अक्षम: ' + inputColor.disabled;
  }
</script>
</body>
</html>

आउटपुट

प्रारंभ में रंग इनपुट अक्षम (ग्रे) दिखाता है। "रंग इनपुट सक्षम करें" बटन क्लिक करने पर यह सक्षम हो जाता है और रंग पिकर उपयोग योग्य हो जाता है।

मुख्य बिंदु

disabled property boolean मान (true/false) स्वीकार करता है
HTML में disabled attribute उपस्थित होने पर डिफ़ॉल्ट रूप से true होता है
अक्षम रंग इनपुट फॉर्म सबमिशन में शामिल नहीं होता
CSS में :disabled pseudo-class से स्टाइलिंग कर सकते हैं
शर्ती तर्क के आधार पर रंग इनपुट को सक्षम/अक्षम करने के लिए उपयोगी