HTML DOM Input Password ऑब्जेक्ट टाइप "password" वाले <input> एलिमेंट से जुड़ा होता है। हम createElement() और getElementById() मेथड का उपयोग करके टाइप password वाले इनपुट एलिमेंट को बना और एक्सेस कर सकते हैं।
प्रॉपर्टीज़
पासवर्ड ऑब्जेक्ट के लिए निम्न प्रॉपर्टीज़ हैं:
| क्रमांक | प्रॉपर्टी और विवरण |
|---|---|
| 1 | autocomplete पासवर्ड फील्ड के autocomplete एट्रिब्यूट मान को सेट या प्राप्त करने के लिए। |
| 2 | autofocus पेज लोड होने पर पासवर्ड फील्ड को ऑटोमैटिकली फोकस मिलना चाहिए या नहीं, इसे सेट या प्राप्त करने के लिए। |
| 3 | defaultValue पासवर्ड फील्ड के डिफ़ॉल्ट मान को सेट या प्राप्त करने के लिए। |
| 4 | disabled पासवर्ड फील्ड डिसेबल है या नहीं, इसे सेट या प्राप्त करने के लिए। |
| 5 | form पासवर्ड फील्ड वाले फॉर्म का रेफरेंस प्राप्त करने के लिए। |
| 6 | maxLength पासवर्ड फील्ड के maxlength एट्रिब्यूट मान को सेट या प्राप्त करने के लिए। |
| 7 | name पासवर्ड फील्ड के name एट्रिब्यूट मान को सेट या प्राप्त करने के लिए। |
| 8 | pattern पासवर्ड फील्ड के pattern एट्रिब्यूट मान को सेट या प्राप्त करने के लिए। |
| 9 | placeholder पासवर्ड फील्ड के placeholder एट्रिब्यूट मान को सेट या प्राप्त करने के लिए। |
| 10 | readOnly पासवर्ड फील्ड रीड-ओनली है या नहीं, इसे सेट या प्राप्त करने के लिए। |
| 11 | required फॉर्म सबमिट करने से पहले पासवर्ड फील्ड भरना अनिवार्य है या नहीं, इसे सेट या प्राप्त करने के लिए। |
| 12 | size पासवर्ड फील्ड के size एट्रिब्यूट मान को सेट या प्राप्त करने के लिए। |
| 13 | type यह एक रीड-ओनली प्रॉपर्टी है जो फॉर्म एलिमेंट का टाइप लौटाती है जो पासवर्ड फील्ड है। |
| 14 | value पासवर्ड फील्ड के value एट्रिब्यूट मान को सेट या प्राप्त करने के लिए। |
मेथड्स
पासवर्ड ऑब्जेक्ट के लिए निम्न मेथड है:
| क्रमांक | मेथड और विवरण |
|---|---|
| 1 | select() पासवर्ड फील्ड की सामग्री को सेलेक्ट करने के लिए। |
सिंटैक्स
इनपुट पासवर्ड ऑब्जेक्ट बनाने के लिए सिंटैक्स:
var P = document.createElement("INPUT"); P.setAttribute("type", "password");
Input Password ऑब्जेक्ट का एक उदाहरण देखते हैं:
<!DOCTYPE html> <html> <head> <script> function createPASS() { var P = document.createElement("INPUT"); P.setAttribute("type", "password"); document.body.appendChild(P); } </script> </head> <body> <p>नीचे दिए गए बटन पर क्लिक करके टाइप password वाला इनपुट फील्ड बनाएं</p> <button onclick="createPASS()">बनाएं</button> <br><br> PASSWORD: </body> </html>
आउटपुट
उपरोक्त कोड से निम्न आउटपुट प्राप्त होगा:
"बनाएं" बटन पर क्लिक करने और नए बने पासवर्ड फील्ड में टाइप करने पर:
उपरोक्त उदाहरण में:
हमारे पास एक बटन CREATE है जो यूज़र द्वारा क्लिक किए जाने पर createPass() मेथड को एक्जीक्यूट करेगा:
<button onclick="createPASS()">CREATE</button>
createPass() मेथड डॉक्यूमेंट ऑब्जेक्ट के createElement() मेथड का उपयोग करके "INPUT" को पैरामीटर के रूप में पास करके <input> एलिमेंट बनाता है। नया बना इनपुट एलिमेंट वेरिएबल P को असाइन किया जाता है और setAttribute() मेथड का उपयोग करके हम टाइप एट्रिब्यूट को मान password के साथ बनाते हैं। याद रखें, setAttribute() एट्रिब्यूट बनाता है और फिर उसका मान असाइन करता है यदि एट्रिब्यूट पहले से मौजूद नहीं है। अंत में, डॉक्यूमेंट बॉडी पर appendChild() मेथड का उपयोग करके हम टाइप password वाले इनपुट एलिमेंट को बॉडी के चाइल्ड के रूप में जोड़ते हैं:
function createPASS() { var P = document.createElement("INPUT"); P.setAttribute("type", "password"); document.body.appendChild(P); }
