HTML DOM इनपुट पासवर्ड वैल्यू प्रॉपर्टी टाइप ="पासवर्ड" और वैल्यू एट्रिब्यूट वाले इनपुट एलिमेंट से जुड़ी है। इस गुण का उपयोग पासवर्ड फ़ील्ड के लिए एक डिफ़ॉल्ट मान निर्दिष्ट करने के लिए किया जाता है और यह मान को उपयोगकर्ता इनपुट में भी बदल देता है।
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैवैल्यू प्रॉपर्टी सेट करना।
passwordObject.value = text;
यहां, पासवर्ड फ़ील्ड के लिए मान निर्दिष्ट करने के लिए टेक्स्ट का उपयोग किया जाता है।
उदाहरण
आइए इनपुट पासवर्ड वैल्यू प्रॉपर्टी के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body>
<h1>Input password Value property</h1>
PASSWORD: <input type="password" id="PASS1">
<p>Get the above element value by clicking the below button</p>
<button onclick="getValue()">Get Value</button>
<p id="Sample"></p>
<script>
function getValue() {
var t = document.getElementById("PASS1").value;
document.getElementById("Sample").innerHTML = "The value for the input field is : "+t;
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
पासवर्ड फ़ील्ड के अंदर कुछ टेक्स्ट टाइप करने और "मूल्य प्राप्त करें" बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने टाइप पासवर्ड के साथ एक इनपुट फ़ील्ड बनाया है और इसकी आईडी "PASS1" पर सेट है।
PHONE NO: <input type="number" value="222" id="NUMBER1">
हमने तब "मूल्य प्राप्त करें" बटन बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर getValue() विधि निष्पादित करेगा -
<button onclick="getValue()">Get Value</button>
getValue () विधि getElementById () विधि का उपयोग करके इनपुट तत्व प्राप्त करती है और चर t को अपना "मान" विशेषता मान निर्दिष्ट करती है। यदि आप "मूल्य प्राप्त करें" बटन पर क्लिक करने से पहले पासवर्ड फ़ील्ड में कुछ भी दर्ज नहीं करते हैं तो यह एक खाली स्ट्रिंग लौटाएगा। उपयोगकर्ता इनपुट के साथ मान विशेषता बदल जाती है, इसलिए यह पासवर्ड फ़ील्ड के अंदर वर्तमान इनपुट प्रदर्शित करेगा। इसके बाद इस चर को इसकी आंतरिक HTML संपत्ति का उपयोग करके "नमूना" आईडी के साथ पैराग्राफ में प्रदर्शित किया जाता है -
function getValue() {
var t = document.getElementById("PASS1").value;
document.getElementById("Sample").innerHTML = "The value for the input field is : "+t;
}