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

परिचय

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

सिंटैक्स

object.form

उदाहरण

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

<!DOCTYPE html>
<html>
<head>
<style>
  body { text-align: center; background-color: #1b203a; color: #fff; }
  form { margin: 2.5rem auto; border: 1px solid #fff; padding: 2rem; }
  button {
    background-color: #db133a;
    border: none;
    cursor: pointer;
    padding: 8px 16px;
    color: #fff;
    border-radius: 5px;
    font-size: 1.05rem;
    outline: none;
  }
  input {
    border: none;
    background-color: #ffffff4a;
    height: 1.2rem;
    padding: 8px;
    color: #fff;
    font-weight: bold;
    font-size: 1rem;
  }
  .show { font-weight: bold; font-size: 1.4rem; }
</style>
</head>
<body>
<h1>form प्रॉपर्टी डेमो</h1>
<form id="Form 1">
  <legend>Form 1</legend>
  <input type="number" class="numberInput" value="12345300">
</form>
<button onclick="identify()">नंबर इनपुट फील्ड पहचानें</button>
<p class="show"></p>
<script>
  function identify() {
    var formId = document.querySelector(".numberInput").form.id;
    document.querySelector(".show").innerHTML = "Hi! I'm from " + formId;
  }
</script>
</body>
</html>

आउटपुट

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