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

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

सिंटैक्स

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

searchObject.readOnly = true|false

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

उदाहरण

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

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

आउटपुट

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

CHANGE बटन पर क्लिक करने पर: