HTML DOM Form ऑब्जेक्ट

HTML DOM Form ऑब्जेक्ट HTML <form> तत्व से जुड़ा होता है। हम document ऑब्जेक्ट के createElement() और getElementById() मेथड का उपयोग करके एक फॉर्म तत्व बना और एक्सेस कर सकते हैं। हम फॉर्म ऑब्जेक्ट के विभिन्न गुण सेट कर सकते हैं और उन्हें प्राप्त भी कर सकते हैं।

गुण (Properties)

Form ऑब्जेक्ट के निम्नलिखित गुण हैं:

विधियाँ (Methods)

Form ऑब्जेक्ट की निम्नलिखित विधियाँ हैं:

उदाहरण

आइए HTML DOM form ऑब्जेक्ट का एक उदाहरण देखते हैं:

<!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 ऑब्जेक्ट उदाहरण</h1> 
<p>नीचे दिए गए बटन पर क्लिक करके एक इनपुट तत्व युक्त FORM तत्व बनाएं</p> 
<button onclick="CreateForm()">CREATE</button> 
<br><br> 
</body> </html>

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

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

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

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

• हमने एक बटन CREATE बनाया जो यूज़र द्वारा क्लिक किए जाने पर createForm() मेथड को एक्ज़िक्यूट करता है:

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

• CreateForm() मेथड document ऑब्जेक्ट के createElement() मेथड का उपयोग करके एक <form> तत्व बनाता है और इसे वेरिएबल f में असाइन करता है। फॉर्म तत्व को फिर appendChild() मेथड का उपयोग करके दस्तावेज़ बॉडी में जोड़ा जाता है। फिर हम createElement() मेथड का उपयोग करके एक इनपुट तत्व बनाते हैं और setAttribute() मेथड का उपयोग करके इसके लिए "password" मान के साथ एक type attribute बनाते हैं।
• setAttribute() मेथड एक attribute बनाता है यदि attribute पहले से मौजूद नहीं है। अंत में फॉर्म तत्व पर appendChild() मेथड का उपयोग करके और पैरामीटर के रूप में इनपुट तत्व को पास करके हम इनपुट तत्व को फॉर्म तत्व के चाइल्ड के रूप में जोड़ते हैं:

function CreateForm() { 
  var f = document.createElement("FORM"); 
  document.body.appendChild(f); 
  var i = document.createElement("INPUT"); 
  i.setAttribute("type", "password"); 
  f.appendChild(i); 
}