HTML DOM इनपुट पासवर्ड डिफॉल्टवैल्यू प्रॉपर्टी का उपयोग पासवर्ड फ़ील्ड के डिफॉल्ट वैल्यू को सेट करने या प्राप्त करने के लिए किया जाता है। किसी तत्व का डिफ़ॉल्ट मान वह मान है जो मान विशेषता को सौंपा गया है। वैल्यू प्रॉपर्टी और डिफॉल्टवैल्यू प्रॉपर्टी के बीच का अंतर यह है कि डिफॉल्टवैल्यू प्रॉपर्टी निर्दिष्ट मूल डिफॉल्ट वैल्यू को बरकरार रखती है जबकि इनपुट फील्ड में यूजर इनपुट के आधार पर वैल्यू प्रॉपर्टी में बदलाव होता है।
सिंटैक्स
डिफॉल्टवैल्यू प्रॉपर्टी सेट करने के लिए सिंटैक्स निम्नलिखित है -
passwordObject.defaultValue = value
यहां, "मान" पासवर्ड फ़ील्ड डिफ़ॉल्ट मान है।
उदाहरण
आइए इनपुट पासवर्ड डिफॉल्टवैल्यू प्रॉपर्टी के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body>
<h1>Input Password defaultValue Property</h1>
Password: <input type="password" id="PASS" value="abcd123">
<p>Change the above password field default value by clicking on the CHANGE button</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 = "Default value has been changed from abc123 to "+P ;
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
चेंज बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने सबसे पहले आईडी "पास" और मान ="abcd123" के साथ एक पासवर्ड इनपुट फ़ील्ड बनाया है।
Password: <input type="password" id="PASS" value="abcd123">
फिर हमने एक बटन चेंज बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर चेंजडिफॉल्ट () विधि को निष्पादित करेगा -
<button type="button" onclick="changeDefault()">CHANGE</button>
चेंजडिफॉल्ट () विधि इनपुट फ़ील्ड को टाइप पासवर्ड के साथ प्राप्त करने के लिए getElementById () विधि का उपयोग करती है और इसे डिफ़ॉल्ट वैल्यू प्रॉपर्टी को "पासवर्ड 123" पर सेट करती है। फिर हम फिर से getElementById () विधि का उपयोग करके और इसे वेरिएबल P को असाइन करके टाइप पासवर्ड के साथ इनपुट की डिफॉल्टवैल्यू प्रॉपर्टी प्राप्त करते हैं। इस वेरिएबल को पैराग्राफ की आंतरिक HTML प्रॉपर्टी का उपयोग करके आईडी "नमूना" के साथ पैराग्राफ में प्रदर्शित किया जाता है -
function changeDefault() {
document.getElementById("PASS").defaultValue="Password1234";
var P=document.getElementById("PASS").defaultValue;
document.getElementById("demo").innerHTML = "Default value has been changed from abc123 to "+P ;
} में बदल दिया गया है)