HTML DOM Input Password size प्रॉपर्टी का उपयोग इनपुट पासवर्ड size एट्रिब्यूट मान को सेट या प्राप्त करने के लिए किया जाता है। इसका उपयोग पासवर्ड फील्ड की चौड़ाई को कैरेक्टर्स के संदर्भ में परिभाषित करने के लिए किया जाता है। डिफ़ॉल्ट चौड़ाई 20 कैरेक्टर्स की होती है।
सिंटैक्स
Password size प्रॉपर्टी सेट करने के लिए सिंटैक्स:
passwordObject.size = number
यहां, number कैरेक्टर्स में पासवर्ड फील्ड की चौड़ाई को दर्शाता है। डिफ़ॉल्ट चौड़ाई 20 कैरेक्टर्स है।
उदाहरण
Input password size प्रॉपर्टी का एक उदाहरण:
<!DOCTYPE html> <html> <body> <h1>Input password size प्रॉपर्टी</h1> Password: <input type="password" id="PASS1"> <p>नीचे दिए गए बटन पर क्लिक करके पासवर्ड फील्ड की चौड़ाई बदलें</p> <button onclick="changeSize()">बदलें</button> <p id="Sample"> <script> function changeSize() { document.getElementById("PASS1").size+=20; var s=document.getElementById("PASS1").size; document.getElementById("Sample").innerHTML="पासवर्ड फील्ड की चौड़ाई अब "+ s; } </script> </body> </html>
आउटपुट
उपरोक्त कोड से निम्न आउटपुट प्राप्त होगा:
"बदलें" बटन पर क्लिक करने पर:
उपरोक्त उदाहरण में:
हमने पहले id "PASS1" के साथ एक इनपुट पासवर्ड फील्ड बनाया।
Password: <input type="password" id="PASS1">
फिर हमने एक बटन CHANGE बनाया जो यूज़र द्वारा क्लिक किए जाने पर changeSize() मेथड को एक्जीक्यूट करेगा:
<button onclick="changeSize()">CHANGE</button>
changeSize() मेथड getElementById() मेथड का उपयोग करके टाइप पासवर्ड वाले इनपुट फील्ड को प्राप्त करता है और इसकी size प्रॉपर्टी में जोड़ता है। पासवर्ड फील्ड की कुल चौड़ाई अब 20 कैरेक्टर्स से बढ़ गई है। हम फिर size प्रॉपर्टी का उपयोग करके आकार प्राप्त करते हैं और इसे वेरिएबल s को असाइन करते हैं। नया आकार मान फिर id "Sample" वाले पैराग्राफ में इसके innerHTML प्रॉपर्टी का उपयोग करके प्रदर्शित किया जाता है।
function changeSize() { document.getElementById("PASS1").size+=20; var s=document.getElementById("PASS1").size; document.getElementById("Sample").innerHTML="पासवर्ड फील्ड की चौड़ाई अब "+ s; }
