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

परिचय

HTML DOM इनपुट मंथ form प्रॉपर्टी उस फॉर्म का रेफरेंस लौटाती है जिसमें मंथ इनपुट फील्ड समाहित है।

सिंटैक्स

object.form

उदाहरण

मंथ इनपुट फील्ड वाले फॉर्म की पहचान करना:

<!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 प्रॉपर्टी डेमो</h1>
<form id="Form 1">
  <fieldset>
    <legend>Form 1</legend>
    <input type="month" class="monthInput">
  </fieldset>
</form>
<button onclick="identify()">मंथ इनपुट फील्ड पहचानें</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>

आउटपुट

"मंथ इनपुट फील्ड पहचानें" बटन पर क्लिक करने पर फॉर्म की ID "Form 1" प्रदर्शित होगी।