HTML DOM Form length प्रॉपर्टी

HTML DOM Form length प्रॉपर्टी का उपयोग फॉर्म के अंदर मौजूद एलिमेंट्स की संख्या वापस करने के लिए किया जाता है। यह एक रीड-ओनली प्रॉपर्टी है।

सिंटैक्स

Form length प्रॉपर्टी का सिंटैक्स:

formObject.length

उदाहरण

Form length प्रॉपर्टी का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <head> 
<style> 
  form{ 
    border:2px solid blue; 
    margin:2px; 
    padding:4px; 
  } 
</style> 
<script> 
  function getLength() { 
    var len = document.getElementById("FORM1").length; 
    document.getElementById("Sample").innerHTML = "Number of elements present inside the form are: " + len; 
  } 
</script> </head> <body> 
<h1>Form length property example</h1> 
<form id="FORM1"> 
  <label>User Name <input type="text" name="usrN"></label> <br><br> 
  <label>Password <input type="password" name="pass"></label> <br><br> 
  <select name="Fruit"> 
    <option value="Mango">Mango</option> 
    <option value="Litchi">Litchi</option> 
    <option value="Guava">Guava</option> 
  </select> 
</form> 
<br> 
<p>नीचे दिए गए बटन पर क्लिक करके ऊपर वाले फॉर्म में मौजूद एलिमेंट्स की संख्या प्राप्त करें</p> 
<button onclick="getLength()">get Length</button> 
<p id="Sample"></p> 
</body> </html>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा:

HTML DOM Form length प्रॉपर्टी

"get Length" बटन पर क्लिक करने पर:

HTML DOM Form length प्रॉपर्टी

उदाहरण की व्याख्या

हमने पहले id="FORM1" वाला एक फॉर्म बनाया जिसमें एक टाइप टेक्स्ट का इनपुट फील्ड, एक टाइप "password" का इनपुट फील्ड है। इसमें एक <select> एलिमेंट भी है जो ड्रॉप डाउन सूची बनाने के लिए है। इसका मतलब है कि फॉर्म एलिमेंट के अंदर कुल तीन एलिमेंट्स हैं।
फिर हमने एक "get Length" बटन बनाया जो यूजर द्वारा क्लिक किए जाने पर getLength() मेथड को एक्जीक्यूट करता है।
getLength() फंक्शन डॉक्यूमेंट ऑब्जेक्ट के getElementById() मेथड का उपयोग करके <form> एलिमेंट को प्राप्त करता है और इसके length प्रॉपर्टी मान को variable len में असाइन करता है। चूंकि फॉर्म एलिमेंट के अंदर 3 एलिमेंट्स हैं, यह 3 वापस करता है। यह मान फिर id "Sample" वाले पैराग्राफ में इसकी innerHTML प्रॉपर्टी का उपयोग करके प्रदर्शित किया जाता है।

function getLength() { 
  var len = document.getElementById("FORM1").length; 
  document.getElementById("Sample").innerHTML = "Number of elements present inside the form are: " + len; 
}