HTML DOM Input Reset ऑब्जेक्ट

HTML DOM Input Reset ऑब्जेक्ट type "reset" वाले <input> एलिमेंट से जुड़ा होता है। हम createElement() और getElementById() मेथड का उपयोग करके क्रमशः type reset वाले इनपुट एलिमेंट को बना और एक्सेस कर सकते हैं।

प्रॉपर्टीज

Input reset ऑब्जेक्ट के लिए निम्नलिखित प्रॉपर्टीज हैं:

उदाहरण

Input Reset ऑब्जेक्ट का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <head> 
<script> 
  function resetCreate() { 
    var Res = document.createElement("INPUT"); 
    Res.setAttribute("type", "reset"); 
    document.body.appendChild(Res); 
  } 
</script> </head> <body> 
<h1>Input Reset object</h1> 
<p>नीचे दिए गए बटन पर क्लिक करके type reset वाला इनपुट फील्ड बनाएं</p> 
<button onclick="resetCreate()">CREATE</button> 
<br><br> 
</body> </html>

आउटपुट

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

CREATE बटन पर क्लिक करने पर:

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

• हमने एक CREATE बटन बनाया जो यूजर द्वारा क्लिक किए जाने पर resetCreate() मेथड को एक्जीक्यूट करता है।
• resetCreate() मेथड डॉक्यूमेंट ऑब्जेक्ट के createElement() मेथड का उपयोग करके <input> एलिमेंट को बनाता है जिसमें पैरामीटर के रूप में "INPUT" पास किया जाता है। नव निर्मित इनपुट एलिमेंट को variable Res को असाइन किया जाता है और setAttribute() मेथड का उपयोग करके हम value reset के साथ एक type एट्रिब्यूट बनाते हैं।
• याद रखें, setAttribute() यदि एट्रिब्यूट पहले से मौजूद नहीं है तो एट्रिब्यूट बनाता है और फिर मान असाइन करता है। अंत में डॉक्यूमेंट बॉडी पर appendChild() मेथड का उपयोग करके, हम type reset वाले इनपुट एलिमेंट को बॉडी के चाइल्ड के रूप में जोड़ते हैं।

function resetCreate() { 
  var Res = document.createElement("INPUT"); 
  Res.setAttribute("type", "reset"); 
  document.body.appendChild(Res); 
}