HTML DOM इनपुट मंथ फॉर्म प्रॉपर्टी

<घंटा/>

HTML DOM इनपुट माह प्रपत्र गुण उस प्रपत्र का संदर्भ देता है जिसमें HTML दस्तावेज़ में माह इनपुट फ़ील्ड शामिल है।

सिंटैक्स

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

object.form

उदाहरण

आइए HTML DOM इनपुट माह फॉर्म प्रॉपर्टी का एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<style>

   body{
      text-align:center;
      background-color:#363946;
      color:#fff;
   }

   form{
      margin:2.5rem auto;
   }

   button{
      background-color:#db133a;
      border:none;
      cursor:pointer;
      padding:8px 16px;
      color:#fff;
      border-radius:5px;
      font-size:1.05rem;
      outline:none;
   }

   .show{
      font-weight:bold;
      font-size:1.4rem;
   }
</style>
</head>
<body>
<h1>form Property Demo</h1>
<form id="Form 1">
<fieldset>
<legend>Form 1</legend>
<input type="month" class="monthInput">
</fieldset>
</form>
<button onclick="identify()">Identify Month Input Field</button>
<p class="show"></p>
<script>
   function identify() {
      var formId = document.querySelector(".monthInput").form.id;
      document.querySelector(".show").innerHTML = "Hi! I'm from " + formId;
   }
</script>
</body>
</html>

आउटपुट

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

HTML DOM इनपुट मंथ फॉर्म प्रॉपर्टी

उस फॉर्म को प्राप्त करने के लिए "माह इनपुट फ़ील्ड की पहचान करें" बटन पर क्लिक करें जिसमें माह इनपुट फ़ील्ड है।

HTML DOM इनपुट मंथ फॉर्म प्रॉपर्टी