HTML DOM Input Password readOnly प्रॉपर्टी का उपयोग यह सेट या प्राप्त करने के लिए किया जाता है कि इनपुट पासवर्ड फील्ड रीड-ओनली है या नहीं। ReadOnly प्रॉपर्टी एलिमेंट को नॉन-एडिटेबल बना देती है लेकिन यह अभी भी टैब या क्लिक करके फोकस किया जा सकता है। यदि रीड-ओनली एलिमेंट के अंदर कोई डिफ़ॉल्ट मान है तो यह सबमिट पर सर्वर को भेजा जाता है।
सिंटैक्स
ReadOnly प्रॉपर्टी सेट करने के लिए सिंटैक्स:
passwordObject.readOnly = true|false
यहां, true दर्शाता है कि पासवर्ड फील्ड रीड ओनली है जबकि false अन्यथा दर्शाता है। ReadOnly प्रॉपर्टी डिफ़ॉल्ट रूप से false पर सेट होती है।
उदाहरण
Password readOnly प्रॉपर्टी का एक उदाहरण:
<!DOCTYPE html> <html> <body> <h1>password readOnly प्रॉपर्टी</h1> Password: <input type="password" id="PASS1" > <p>नीचे दिए गए बटन पर क्लिक करके ऊपर के फील्ड की readOnly प्रॉपर्टी बदलें</p> <button onclick="changeRead()">बदलें</button> <script> function changeRead() { document.getElementById("PASS1").readOnly = true; } </script> </body> </html>
आउटपुट
उपरोक्त कोड से निम्न आउटपुट प्राप्त होगा:
"बदलें" बटन पर क्लिक करने पर। अब आप इनपुट पासवर्ड बॉक्स के अंदर टाइप नहीं कर पाएंगे:
उपरोक्त उदाहरण में:
हमने पहले id "PASS1" के साथ एक इनपुट पासवर्ड फील्ड बनाया।
Password: <input type="password" id="PASS1">
फिर हमने एक बटन CHANGE बनाया जो यूज़र द्वारा क्लिक किए जाने पर changeRead() मेथड को एक्जीक्यूट करेगा:
<button onclick="changeRead()">CHANGE</button>
changeRead() मेथड getElementById() मेथड का उपयोग करके टाइप पासवर्ड वाले इनपुट एलिमेंट को प्राप्त करता है। फिर इसकी readOnly प्रॉपर्टी को true पर सेट करता है। इसका मतलब है कि हम अब पासवर्ड फील्ड में टेक्स्ट दर्ज नहीं कर सकते लेकिन यह अभी भी फोकस किया जा सकता है। सबमिट बटन पर क्लिक करने पर अंदर का टेक्स्ट सर्वर को भेजा जाता है:
function changeRead() { document.getElementById("PASS1").readOnly = true; }
