HTML DOM forms कलेक्शन का उपयोग HTML दस्तावेज़ के अंदर मौजूद सभी फॉर्म तत्वों को एक कलेक्शन के रूप में लौटाने के लिए किया जाता है। कलेक्शन में मौजूद तत्व क्रमबद्ध होते हैं और HTML दस्तावेज़ में जिस क्रम में दिखाई देते हैं उसी क्रम में प्रस्तुत किए जाते हैं।
गुण
forms कलेक्शन के लिए निम्नलिखित गुण हैं:
| गुण | विवरण |
|---|---|
| length | यह एक केवल-पढ़ने योग्य गुण है जो कलेक्शन में <form> तत्वों की संख्या लौटाता है। |
विधियाँ
forms कलेक्शन के लिए निम्नलिखित विधियाँ हैं:
| विधि | विवरण |
|---|---|
| [index] | दिए गए इंडेक्स पर कलेक्शन से <form> तत्व लौटाने के लिए। इंडेक्सिंग 0 से शुरू होती है और यदि इंडेक्स आउट ऑफ बाउंड है तो null लौटाया जाता है। |
| item(index) | दिए गए इंडेक्स पर कलेक्शन से <form> तत्व लौटाने के लिए। इंडेक्सिंग 0 से शुरू होती है और यदि इंडेक्स आउट ऑफ रेंज है तो null लौटाया जाता है। |
| namedItem(id) | दिए गए id के साथ कलेक्शन से <form> तत्व लौटाने के लिए। यदि id मौजूद नहीं है तो null लौटाया जाता है। |
सिंटैक्स
HTML DOM forms कलेक्शन के लिए सिंटैक्स निम्नलिखित है:
document.forms
उदाहरण
HTML DOM forms कलेक्शन का एक उदाहरण देखते हैं:
<!DOCTYPE html> <html> <head> <script> function formCollect() { for(var i=0;i<document.forms.length;i++){ var no=document.forms[i].id+"<br>"; document.getElementById("Sample").innerHTML +=no; } } </script> </head> <body> <h1>Forms collection example</h1> <form id="FORM1"> Fruit <input type="text" name="fname" value="Mango"> </form> <form id="FORM2"> Age <input type="text" name="Age" value="22"> </form> <form id="FORM3"> Password: <input type="password" name="pass" value="test"> </form> <br> <button onclick="formCollect()">GET IDS</button> <p id="Sample">Following are the form ids <br></p> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा:
GET IDS बटन पर क्लिक करने पर:
उपरोक्त उदाहरण में:
हमने पहले क्रमशः id "FORM1", "FORM2" और "FORM3" के साथ तीन फॉर्म बनाए। पहले दो फॉर्म में टाइप टेक्स्ट के साथ एक इनपुट तत्व है और तीसरे फॉर्म में टाइप पासवर्ड के साथ इनपुट तत्व है:
<form id="FORM1"> Fruit <input type="text" name="fname" value="Mango" > </form> <form id="FORM2"> Age <input type="text" name="Age" value="22" > </form> <form id="FORM3"> Password: <input type="password" name="pass" value="test"> </form>
GET IDS बटन उपयोगकर्ता द्वारा क्लिक किए जाने पर formCollect() मेथड को निष्पादित करता है:
<button onclick="formCollect()">GET IDS</button>
formCollect() मेथड document.forms length प्रॉपर्टी मान प्राप्त करता है जो हमारे मामले में 3 है और इसे फॉर लूप के अंदर टेस्ट एक्सप्रेशन में उपयोग करता है। फॉर्म कलेक्शन पर इंडेक्स नंबर का उपयोग करके हम उनकी id प्राप्त करते हैं और इसे id "Sample" वाले पैराग्राफ में प्रदर्शित करने के लिए जोड़ते हैं:
function formCollect() { for(var i=0;i<document.forms.length;i++){ var no=document.forms[i].id+"<br>"; document.getElementById("Sample").innerHTML +=no; } }
