Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

HTML DOM इनपुट नंबर केवल पढ़ने योग्य संपत्ति

<घंटा/>

HTML DOM इनपुट नंबर केवल पढ़ने के लिए प्रॉपर्टी लौटाता है और संशोधित करता है कि इनपुट नंबर फ़ील्ड HTML दस्तावेज़ में केवल-पढ़ने के लिए है या नहीं।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

  • केवल पढ़ने के लिए लौट रहा है

object.readOnly
  • केवल पढ़ने के लिए संशोधित करना

object.readOnly = true | false

उदाहरण

आइए हम इनपुट नंबर रीड ओनली प्रॉपर्टी का एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<style>
   html{
      height:100%;
   }
   body{
      text-align:center;
      color:#fff;
      background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;
      height:100%;
   }
   p{
      font-weight:700;
      font-size:1.1rem;
   }
   input{
      display:block;
      width:35%;
      border:2px solid #fff;
      background-color:transparent;
      color:#fff;
      font-weight:bold;
      padding:8px;
      margin:1rem auto;
      outline:none;
   }
   .btn{
      background:#0197F6;
      border:none;
      height:2rem;
      border-radius:2px;
      width:35%;
      margin:2rem auto;
      display:block;
      color:#fff;
      outline:none;
      cursor:pointer;
   }
</style>
</head>
<body>
<h1>DOM Input number readOnly property Demo</h1>
<p>Hi, Select your day of birth?</p>
<input type="number" class="numberInput">
<button onclick="rFunction()" class="btn">Read Only</button>
<button onclick="rWFunction()" class="btn">Read & Write</button>
   <script>
      function rFunction() {
         var monthInput = document.querySelector(".numberInput");
         monthInput.readOnly =true;
      }
      function rWFunction(){
         var monthInput = document.querySelector(".numberInput");
         monthInput.readOnly =false;
      }
   </script>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

HTML DOM इनपुट नंबर केवल पढ़ने योग्य संपत्ति

केवल पढ़ने के लिए . पर क्लिक करें ” और फिर “पढ़ें और लिखें . पर “केवल पढ़ने के लिए संपत्ति कैसे काम करती है यह समझने के लिए बटन।

HTML DOM इनपुट नंबर केवल पढ़ने योग्य संपत्ति


HTML DOM इनपुट नंबर केवल पढ़ने योग्य संपत्ति


  1. HTML DOM इनपुट सर्च केवल पढ़ने योग्य संपत्ति

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

  1. HTML DOM इनपुट टेक्स्ट केवल पढ़ने योग्य संपत्ति

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

  1. एचटीएमएल डोम इनपुट पासवर्ड केवल पढ़ने के लिए संपत्ति

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