HTML DOM फॉर्म लेंथ प्रॉपर्टी का उपयोग फॉर्म के अंदर मौजूद तत्वों की संख्या को वापस करने के लिए किया जाता है। यह केवल पढ़ने के लिए संपत्ति है।
सिंटैक्स
फॉर्म लेंथ प्रॉपर्टी का सिंटैक्स निम्नलिखित है -
ormObject.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>lt;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>Get the number of elements present in the above form by clicking the below button</p> <button onclick="getLength()">get Length</button> <p id="Sample"></p> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट देगा -
"गेट लेंथ" बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने पहले id=“FORM1” के साथ एक फॉर्म बनाया है और इसमें टाइप टेक्स्ट के साथ एक इनपुट फ़ील्ड है, दूसरा “पासवर्ड” टाइप के साथ है। इसमें ड्रॉप डाउन सूची बनाने के लिए
<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>
फिर हमने एक बटन "गेट लेंथ" बनाया जो उपयोगकर्ता द्वारा क्लिक किए जाने पर getLength() मेथड को निष्पादित करेगा -
function getLength() { var len=document.getElementById("FORM1").length ; document.getElementById("Sample").innerHTML = "Number of elements present inside the form are :"+len; }
getLength () फ़ंक्शन दस्तावेज़ ऑब्जेक्ट की getElementById () विधि का उपयोग करके