HTML DOM Input Color defaultValue Property

HTML DOM Input Color defaultValue property रंग इनपुट (type="color") के डिफ़ॉल्ट मान को सेट या प्राप्त करती है। यह वह मान है जो पेज लोड होने पर रंग पिकर में होता है, और फॉर्म रीसेट होने पर इसी मान पर वापस आता है। यह value property से भिन्न हो सकता है।

Syntax

डिफ़ॉल्ट मान प्राप्त करना:

inputColorObject.defaultValue

डिफ़ॉल्ट मान सेट करना:

inputColorObject.defaultValue = 'string'

मान का प्रारूप

मान	विवरण
#000000 - #ffffff	रंग इनपुट का डिफ़ॉल्ट मान परिभाषित सीमा के बीच हो सकता है

उदाहरण

रंग पिकर का डिफ़ॉल्ट मान प्राप्त करना:

<!DOCTYPE html>
<html>
<head>
<title>Input Color Default Value</title>
</head>
<body>
<form>
  रंग पिकर: <input type="color" id="Color" value="#00cc00">
</form>
<button onclick="getDefaultValue()">डिफ़ॉल्ट मान प्राप्त करें</button>
<div id="divDisplay"></div>
<script>
  var divDisplay = document.getElementById("divDisplay");
  var inputColor = document.getElementById("Color");
  function getDefaultValue() {
    divDisplay.textContent = 'डिफ़ॉल्ट रंग: ' + inputColor.defaultValue;
  }
</script>
</body>
</html>

आउटपुट

"डिफ़ॉल्ट मान प्राप्त करें" बटन क्लिक करने पर रंग पिकर का डिफ़ॉल्ट मान (#00cc00) प्रदर्शित होता है। ध्यान दें कि यदि उपयोगकर्ता रंग बदलता है, तो value बदल जाता है लेकिन defaultValue वही रहता है।

मुख्य बिंदु

defaultValue पेज लोड होने पर रंग पिकर का प्रारंभिक मान दर्शाता है
value property वर्तमान चयनित रंग दर्शाता है, जो उपयोगकर्ता द्वारा बदला जा सकता है
फॉर्म रीसेट (form.reset()) होने पर value वापस defaultValue पर आ जाता है
defaultValue बदलने से वर्तमान value स्वचालित रूप से नहीं बदलता
HTML में value attribute सेट करने से defaultValue भी सेट होता है