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