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

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

<घंटा/>

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

सिंटैक्स

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

1. वापसी अक्षम

object.disabled

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

object.disabled = true | false

उदाहरण

आइए हम HTML DOM इनपुट माह का एक उदाहरण देखें defaultValue संपत्ति -

<!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.2rem;
   }
   input{
      width:35%;
      border:2px solid #fff;
      background-color:transparent;
      color:#fff;
      font-weight:bold;
      padding:8px;
   }
   .btn{
      background:#0197F6;
      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 month disabled Example</h1>
<p>Hi, Enter your month of birth</p>
<input type="month" class="monthInput">
<button onclick="disEna()" class="btn">Disable/Enable</button>
<div class="show"></div>
<script>
   function disEna() {
      var monthInput = document.querySelector(".monthInput");
      var showMsg = document.querySelector(".show");
      showMsg.innerHTML ="";
      if (monthInput.disabled === true){
         monthInput.disabled = false;
         showMsg.innerHTML ="Previously I'm disable but now I'm enable";
      } else {
         monthInput.disabled = true;
         showMsg.innerHTML ="Previously I'm enable but now I'm disable";
      }
   }
</script>
</body>
</html>

आउटपुट

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

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

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

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


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

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

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

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

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

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