HTML DOM टेक्स्टएरिया defaultValue प्रॉपर्टी: डिफ़ॉल्ट मान प्रबंधित करना

HTML DOM टेक्स्टएरिया defaultValue प्रॉपर्टी HTML दस्तावेज़ में टेक्स्ट एरिया एलिमेंट का डिफ़ॉल्ट मान लौटाती और संशोधित करती है। यह वह मान है जो HTML में मूल रूप से निर्दिष्ट किया गया था, या जावास्क्रिप्ट के माध्यम से सेट किया गया डिफ़ॉल्ट।

सिंटैक्स

1. defaultValue प्राप्त करना:

object.defaultValue

2. defaultValue सेट करना:

object.defaultValue = "text"

उदाहरण: डिफ़ॉल्ट मान बदलना

<!DOCTYPE html>
<html>
<style>
  body { color: #000; background: lightseagreen; height: 100vh; }
  .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; color: #fff; outline: none; cursor: pointer; }
</style>
<body>
  <h1>DOM टेक्स्टएरिया defaultValue प्रॉपर्टी डेमो</h1>
  <textarea rows="5" cols='20'>नमस्ते! मैं कुछ डमी टेक्स्ट के साथ एक टेक्स्टएरिया एलिमेंट हूँ।</textarea>
  <button onclick="set()" class="btn">डिफ़ॉल्ट मान बदलें</button>
  <script>
    function set() {
      document.querySelector("textarea").defaultValue = "नमस्ते! मैं टेक्स्टएरिया एलिमेंट का डिफ़ॉल्ट मान हूँ।";
    }
  </script>
</body>
</html>

आउटपुट

प्रारंभ में: मूल डमी टेक्स्ट वाला टेक्स्टएरिया
"डिफ़ॉल्ट मान बदलें" क्लिक: defaultValue अपडेट हो जाता है
फॉर्म रीसेट (form.reset()) पर: नया डिफ़ॉल्ट मान बहाल हो जाता है

value vs defaultValue

पहलू	value	defaultValue
क्या दर्शाता है	वर्तमान सामग्री (यूज़र संपादन सहित)	मूल/रीसेट मान
यूज़र संपादन	बदलता है	नहीं बदलता (जब तक JS से न बदला जाए)
फॉर्म रीसेट	defaultValue पर रीसेट होता है	प्रभावित नहीं होता
प्रारंभिक स्रोत	HTML कंटेंट या JS असाइनमेंट	HTML कंटेंट या JS असाइनमेंट
केवल पढ़ने योग्य	नहीं	नहीं (JS से सेट किया जा सकता है)

व्यावहारिक उपयोग

// फॉर्म गंदा (modified) जांचना
function isFormDirty(form) {
  for (var i = 0; i < form.elements.length; i++) {
    var el = form.elements[i];
    if (el.value !== el.defaultValue) return true;
  }
  return false;
}

// फॉर्म रीसेट हैंडलर
form.addEventListener('reset', function(e) {
  // रीसेट के बाद defaultValue अपडेट करें यदि आवश्यक
  setTimeout(function() {
    // कुछ लॉजिक
  }, 0);
});

नोट

defaultValue प्रॉपर्टी <textarea> के टेक्स्ट कंटेंट को दर्शाती है, value एट्रिब्यूट को नहीं (टेक्स्टएरिया में value एट्रिब्यूट नहीं होता, इसका कंटेंट चाइल्ड टेक्स्ट नोड होता है)।