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;
  }
  .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="hidden" class="hiddenField">
  </fieldset>
</form>
<button onclick="identify()">हिडन इनपुट फील्ड पहचानें</button>
<p class="show"></p>
<script>
  function identify() {
    var formId = document.querySelector(".hiddenField").form.id;
    document.querySelector(".show").innerHTML = "Hi! I'm from " + formId;
  }
</script>
</body>
</html>

आउटपुट

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