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

HTML DOM इनपुट नंबर अक्षम संपत्ति


HTML DOM इनपुट नंबर डिसेबल्ड प्रॉपर्टी लौटाती है और संशोधित करती है कि HTML डॉक्यूमेंट में टाइप ="नंबर" का इनपुट फील्ड अक्षम है या नहीं।

सिंटैक्स

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

  • वापसी अक्षम

object.disabled
  • संशोधित करना अक्षम

object.disabled = true | false

उदाहरण

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

<!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;
      background:#B39CD0;
      height:100%;
   }
   p{
      font-weight:700;
      font-size:1.2rem;
   }
   input{
      width:35%;
      border:2px solid #fff;
      background-color:transparent;
      color:#fff;
      font-weight:bold;
      padding:8px;
      outline:none;
   }
   .btn{
      background:#008B74;
      border:none;
      height:2rem;
      border-radius:2px;
      width:35%;
      margin:2rem auto;
      display:block;
      color:#fff;
      outline:none;
      cursor:pointer;
   }
   .show{
      font-size:1.5rem;
      font-weight:bold;
   }
</style>
</head>
<body>
<h1>DOM Input number disabled Example</h1>
<p>Hi, Enter your day of birth</p>
<input type="number" class="numberInput">
<button onclick="disEna()" class="btn">Disable/Enable</button>
<div class="show"></div>
<script>
   function disEna() {
      var monthInput = document.querySelector(".numberInput");
      var showMsg = document.querySelector(".show");
      showMsg.innerHTML ="";
      if (monthInput.disabled === true){
         monthInput.disabled = false;
         showMsg.innerHTML ="Previously, I was disabled but now I am enabled!";
      } else{
         monthInput.disabled = true;
         showMsg.innerHTML ="Previously, I was enabled but now I am disabled!";
      }
   }
</script>
</body>
</html>

आउटपुट

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

HTML DOM इनपुट नंबर अक्षम संपत्ति

"अक्षम/सक्षम करें . पर क्लिक करें इनपुट नंबर फ़ील्ड को पहले अक्षम करने के लिए " बटन -

HTML DOM इनपुट नंबर अक्षम संपत्ति

"अक्षम/सक्षम करें . पर क्लिक करें अब इनपुट नंबर फ़ील्ड को सक्षम करने के लिए बटन -

HTML DOM इनपुट नंबर अक्षम संपत्ति


  1. एचटीएमएल डोम इनपुट यूआरएल अक्षम संपत्ति

    एचटीएमएल डोम इनपुट यूआरएल अक्षम संपत्ति सेट/रिटर्न करता है कि इनपुट यूआरएल सक्षम या अक्षम है या नहीं। सिंटैक्स निम्नलिखित वाक्य रचना है - बूलियन मान लौटाना - सही/गलत inputURLObject.disabled बूलियनवैल्यू में अक्षम की गई सेटिंग inputURLObject.disabled = booleanValue बूलियन मान यहां, “बूलियनवैल्य

  1. HTML DOM इनपुट वीक अक्षम संपत्ति

    इनपुट वीक डिसेबल्ड प्रॉपर्टी सेट/रिटर्न करती है कि इनपुट वीक सक्षम है या अक्षम है। सिंटैक्स निम्नलिखित वाक्य रचना है - बूलियन मान लौटाना - सही/गलत inputWeekObject.disabled सेटिंग अक्षम बूलियन वैल्यू के लिए inputWeekObject.disabled = booleanValue बूलियन मान यहां, “बूलियनवैल्यू” निम्नलिखित हो सक

  1. HTML DOM इनपुट नंबर वैल्यू प्रॉपर्टी

    HTML DOM इनपुट नंबर वैल्यू प्रॉपर्टी टाइप =“नंबर” वाले इनपुट एलिमेंट से जुड़ी है और वैल्यू एट्रीब्यूट है। इस संपत्ति का उपयोग इनपुट तत्व मूल्य विशेषता के मूल्य को वापस करने या इसे सेट करने के लिए किया जाता है। इस गुण का उपयोग तत्वों के लिए एक डिफ़ॉल्ट मान निर्दिष्ट करने के लिए किया जाता है और यह इसक