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