HTML DOM Input Text readOnly प्रॉपर्टी

HTML DOM Input Text readOnly प्रॉपर्टी का उपयोग यह सेट या वापस करने के लिए किया जाता है कि इनपुट टेक्स्ट फील्ड रीड-ओनली है या नहीं। readOnly प्रॉपर्टी एलिमेंट को नॉन-एडिटेबल बनाती है लेकिन इसे टैब या क्लिक द्वारा अभी भी फोकस किया जा सकता है। यदि रीड-ओनली एलिमेंट के अंदर कोई डिफ़ॉल्ट मान है तो इसे सबमिट पर सर्वर पर भेजा जाता है।

सिंटैक्स

ReadOnly प्रॉपर्टी सेट करने का सिंटैक्स:

textObject.readOnly = true|false

यहां, true दर्शाता है कि टेक्स्ट फील्ड रीड-ओनली है जबकि false अन्यथा दर्शाता है। readOnly प्रॉपर्टी डिफ़ॉल्ट रूप से false पर सेट होती है।

उदाहरण

Input Text readOnly प्रॉपर्टी का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> 
<h1>Input Text readOnly property</h1> 
USERNAME: <input type="text" id="USR"> 
<p>नीचे दिए गए बटन पर क्लिक करके ऊपर वाले फील्ड की readOnly प्रॉपर्टी बदलें</p> 
<button onclick="changeRead()">CHANGE</button> 
<script> 
  function changeRead() { 
    document.getElementById("USR").readOnly = true; 
  } 
</script> 
</body> </html>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा:

HTML DOM Input Text readOnly प्रॉपर्टी

CHANGE बटन पर क्लिक करने पर अब आप टेक्स्ट नहीं बदल सकते और यह सबमिट पर सर्वर पर सबमिट हो जाएगा:

HTML DOM Input Text readOnly प्रॉपर्टी