HTML DOM Input Password defaultValue प्रॉपर्टी

HTML DOM Input Password defaultValue प्रॉपर्टी का उपयोग पासवर्ड फील्ड के defaultValue को सेट करने या प्राप्त करने के लिए किया जाता है। किसी तत्व का defaultValue वह मान होता है जो value attribute को असाइन किया जाता है। value प्रॉपर्टी और defaultValue प्रॉपर्टी के बीच अंतर यह है कि defaultValue प्रॉपर्टी निर्दिष्ट मूल डिफ़ॉल्ट मान को बनाए रखती है जबकि value प्रॉपर्टी इनपुट फील्ड में यूज़र इनपुट के आधार पर बदलती है।

सिंटैक्स

defaultValue प्रॉपर्टी सेट करने के लिए सिंटैक्स:

passwordObject.defaultValue = value

यहां, "value" पासवर्ड फील्ड का डिफ़ॉल्ट मान है।

उदाहरण

आइए Input Password defaultValue प्रॉपर्टी का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> 
<h1>Input Password defaultValue प्रॉपर्टी</h1> 
Password: <input type="password" id="PASS" value="abcd123"> 
<p>ऊपर दिए गए पासवर्ड फील्ड का डिफ़ॉल्ट मान CHANGE बटन पर क्लिक करके बदलें</p> 
<button type="button" onclick="changeDefault()">CHANGE</button> 
<p id="Sample"></p> 
<script> 
  function changeDefault() { 
    document.getElementById("PASS").defaultValue = "Password1234"; 
    var P = document.getElementById("PASS").defaultValue; 
    document.getElementById("Sample").innerHTML = "डिफ़ॉल्ट मान abc123 से बदलकर " + P + " कर दिया गया है"; 
  } 
</script> </body> </html>

आउटपुट

यह निम्नलिखित आउटपुट देगा:

HTML DOM Input Password defaultValue प्रॉपर्टी

CHANGE बटन पर क्लिक करने पर:

HTML DOM Input Password defaultValue प्रॉपर्टी

उदाहरण की व्याख्या

उपरोक्त उदाहरण में:

हमने पहले id "PASS" के साथ एक पासवर्ड इनपुट फील्ड बनाई और value="abcd123":

Password: <input type="password" id="PASS" value="abcd123">

फिर हमने एक बटन CHANGE बनाया जो यूज़र द्वारा क्लिक किए जाने पर changeDefault() मेथड को एक्ज़िक्यूट करता है:

<button type="button" onclick="changeDefault()">CHANGE</button>

changeDefault() मेथड getElementById() मेथड का उपयोग करके टाइप password वाले इनपुट फील्ड को प्राप्त करता है और इसकी defaultValue प्रॉपर्टी को "Password1234" पर सेट करता है। फिर हम फिर से getElementById() मेथड का उपयोग करके टाइप password वाले इनपुट की defaultValue प्रॉपर्टी प्राप्त करते हैं और इसे वेरिएबल P में असाइन करते हैं। यह वेरिएबल फिर पैराग्राफ की innerHTML प्रॉपर्टी का उपयोग करके id "Sample" वाले पैराग्राफ में प्रदर्शित किया जाता है:

function changeDefault() { 
  document.getElementById("PASS").defaultValue = "Password1234"; 
  var P = document.getElementById("PASS").defaultValue; 
  document.getElementById("Sample").innerHTML = "डिफ़ॉल्ट मान abc123 से बदलकर " + P + " कर दिया गया है"; 
}