<घंटा/>

HTML DOM फॉर्म संग्रह का उपयोग HTML दस्तावेज़ के अंदर मौजूद सभी फॉर्म तत्वों को संग्रह के रूप में वापस करने के लिए किया जाता है। संग्रह में मौजूद तत्वों को क्रमबद्ध किया जाता है और उसी क्रम में प्रस्तुत किया जाता है जैसे वे HTML दस्तावेज़ में दिखाई देते हैं।

गुण

प्रपत्र संग्रह के लिए निम्नलिखित गुण हैं -

संपत्ति	विवरण
लंबाई	यह केवल पढ़ने के लिए गुण है जो संग्रह में तत्वों की संख्या लौटाता है।

तरीके

प्रपत्र संग्रह के लिए निम्नलिखित विधियाँ हैं -

विधि	विवरण
[सूचकांक]	दिए गए इंडेक्स पर संग्रह से तत्व वापस करने के लिए। इंडेक्सिंग 0 से शुरू होती है और अगर इंडेक्स बाउंड से बाहर है तो नल वापस आ जाता है।
आइटम (सूचकांक)	दिए गए इंडेक्स पर संग्रह से तत्व वापस करने के लिए। अनुक्रमण 0 से प्रारंभ होता है और यदि अनुक्रमणिका सीमा से बाहर है तो शून्य लौटा दी जाती है।
namedItem(id)	दिए गए आईडी के साथ संग्रह से तत्व वापस करने के लिए। यदि आईडी मौजूद नहीं है तो शून्य वापस आ जाता है।

सिंटैक्स

HTML DOM फॉर्म संग्रह का सिंटैक्स निम्नलिखित है -

<पूर्व>दस्तावेज़.फ़ॉर्म

उदाहरण

आइए HTML DOM फॉर्म संग्रह का एक उदाहरण देखें -

फ़ॉर्म संग्रह उदाहरण

फल <इनपुट प्रकार ="पाठ" नाम ="fname" मान ="मैंगो">

निम्नलिखित फॉर्म आईडी हैं

आउटपुट

यह निम्नलिखित आउटपुट देगा -

एचटीएमएल डोम फॉर्म संग्रह

GET IDS बटन पर क्लिक करने पर -

एचटीएमएल डोम फॉर्म संग्रह

उपरोक्त उदाहरण में -

हमने पहले क्रमशः "FORM1", "FORM2" और "FORM3" आईडी के साथ तीन फॉर्म बनाए हैं। पहले दो रूपों में टाइप टेक्स्ट के साथ एक इनपुट तत्व होता है और तीसरे फॉर्म में टाइप पासवर्ड के साथ इनपुट तत्व होता है -

फल 
आयु <इनपुट प्रकार="text" नाम ="आयु" मान ="22" 
पासवर्ड:<इनपुट प्रकार ="पासवर्ड" नाम ="पास" मान ="परीक्षण">

उपयोगकर्ता द्वारा क्लिक किए जाने पर GET IDS बटन formCollect() विधि निष्पादित करता है -

formCollect() विधि दस्तावेज़ प्राप्त करती है। लंबाई संपत्ति मान बनाती है जो हमारे मामले में 3 है और लूप के अंदर परीक्षण अभिव्यक्ति में इसका उपयोग करती है। फॉर्म संग्रह पर इंडेक्स नंबर का उपयोग करके हम उनकी आईडी प्राप्त करते हैं और इसे प्रदर्शित करने के लिए "नमूना" आईडी के साथ पैराग्राफ में जोड़ते हैं -

फ़ंक्शन फॉर्मकलेक्ट() { के लिए (var i=0;i"; document.getElementById("Sample").innerHTML +=no; }}