एचटीएमएल डोम फॉर्म ऑब्जेक्ट

<घंटा/>

HTML DOM फॉर्म ऑब्जेक्ट HTML

एलिमेंट से जुड़ा है। हम दस्तावेज़ ऑब्जेक्ट के createElement () और getElementById () विधि का उपयोग करके एक फॉर्म तत्व बना और एक्सेस कर सकते हैं। हम प्रपत्र ऑब्जेक्ट के विभिन्न गुण सेट कर सकते हैं और उन्हें प्राप्त भी कर सकते हैं।

गुण

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

संपत्ति	विवरण
Charset स्वीकार करें	स्वीकार-वर्णसेट विशेषता मान को किसी फ़ॉर्म में सेट या वापस करने के लिए।
कार्रवाई	फ़ॉर्म का एक्शन एट्रिब्यूट मान सेट करने या वापस करने के लिए
स्वतः पूर्ण	फ़ॉर्म का स्वत:पूर्ण विशेषता मान सेट करने या वापस करने के लिए।
एन्कोडिंग	यह केवल enctype का एक उपनाम है।
एनकटाइप	फ़ॉर्म का enctype विशेषता मान सेट करने या वापस करने के लिए।
लंबाई	यह लौटाने के लिए कि फ़ॉर्म में कितने तत्व हैं।
विधि	फॉर्म के मेथड एट्रिब्यूट वैल्यू को सेट या वापस करने के लिए।
नाम	फ़ॉर्म का नाम विशेषता मान सेट करने या वापस करने के लिए।
कोई मान्य नहीं	उपयोगकर्ता द्वारा सबमिट किए जाने पर फॉर्म-डेटा को मान्य किया जाना चाहिए या नहीं, सेट करने या वापस करने के लिए।
लक्ष्य	फ़ॉर्म का लक्ष्य विशेषता मान सेट करने या वापस करने के लिए।

तरीके

फ़ॉर्म ऑब्जेक्ट विधियाँ निम्नलिखित हैं -

<वें शैली ="चौड़ाई:51.9727%; पाठ-संरेखण:केंद्र;">विवरण

विधि
reset()	फॉर्म रीसेट करने के लिए।
submit()	फॉर्म जमा करने के लिए।

उदाहरण

आइए HTML DOM फॉर्म ऑब्जेक्ट का एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<head>
<script>
   function CreateForm() {
      var f = document.createElement("FORM");
      document.body.appendChild(f);
      var i = document.createElement("INPUT");
      i.setAttribute("type", "password");
      f.appendChild(i);
   }
</script>
</head>
<body>
<h1>Form object example</h1>
<p>Create a FORM element containing an input element by clicking the below button</p>
<button onclick="CreateForm()">CREATE</button>
<br><br>
</body>
</html>

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

एचटीएमएल डोम फॉर्म ऑब्जेक्ट

क्रिएट बटन पर क्लिक करने और इनपुट फील्ड में कुछ लिखने पर -

एचटीएमएल डोम फॉर्म ऑब्जेक्ट

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

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

<button onclick="CreateForm()">CREATE</button>

CreateForm () विधि दस्तावेज़ ऑब्जेक्ट की createElement () विधि का उपयोग करके एक तत्व बनाता है और इसे चर f को असाइन करता है। तब प्रपत्र तत्व को परिशिष्ट चाइल्ड () विधि का उपयोग करके दस्तावेज़ निकाय में जोड़ा जाता है। फिर हम setAttribute() विधि का उपयोग करके createElement() विधि और मान "पासवर्ड" के साथ एक प्रकार विशेषता का उपयोग करके एक इनपुट तत्व बनाते हैं।

यदि विशेषता पहले मौजूद नहीं है, तो setAttribute () विधि एक विशेषता बनाती है। अंत में फॉर्म एलिमेंट पर एपेंड चाइल्ड () मेथड का उपयोग करते हुए और इनपुट एलिमेंट को पैरामीटर के रूप में पास करते हुए हम इनपुट एलिमेंट को फॉर्म एलिमेंट के चाइल्ड के रूप में जोड़ते हैं -

<button onclick="CreateForm()">CREATE</button>