HTML DOM फॉर्म रीसेट () विधि का उपयोग प्रपत्र तत्वों के सभी मानों को रीसेट करने और डिफ़ॉल्ट मान प्रदर्शित करने के लिए किया जाता है जो प्रपत्र तत्वों के मान विशेषता का उपयोग करके निर्दिष्ट किए जाते हैं। यह प्रपत्र डेटा को साफ़ करने के लिए एक रीसेट बटन के रूप में कार्य करता है और यह किसी भी प्रकार के पैरामीटर नहीं लेता है।

सिंटैक्स

फ़ॉर्म रीसेट () विधि के लिए सिंटैक्स निम्नलिखित है -

formObject.reset()

उदाहरण

आइए फॉर्म रीसेट () विधि का एक उदाहरण देखें -

  <सिर> <शैली> फ़ॉर्म { सीमा:2px ठोस नीला; मार्जिन:2 पीएक्स; पैडिंग:4 पीएक्स; }
फ़ॉर्म रीसेट() विधि उदाहरण
User Name><इनपुट प्रकार ="सबमिट करें" मान ="सबमिट करें"> 

आउटपुट

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

रीसेट बटन पर क्लिक करने पर -

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

हमने सबसे पहले id="FORM1", method="post" and action="/sample_page.php" के साथ एक फॉर्म बनाया है। इसमें टाइप टेक्स्ट के साथ दो इनपुट फ़ील्ड, एक सबमिट बटन और एक रीसेट बटन होता है।

उपयोगकर्ता नाम <इनपुट प्रकार="text" name="usrN"> 

<लेबल>आयु <इनपुट प्रकार="टेक्स्ट" नाम="आयु"> 

<इनपुट प्रकार ="सबमिट करें" मान ="सबमिट करें"> ="ResetForm()" value="RESET">

क्लिक करने पर रीसेट बटन रीसेटफॉर्म () फ़ंक्शन निष्पादित करता है।

 <इनपुट प्रकार ="बटन" ऑनक्लिक ="रीसेटफॉर्म ()" मूल्य ="रीसेट">  

 ResetForm () विधि 
 तत्व को दस्तावेज़ ऑब्जेक्ट getElementById () विधि का उपयोग करके प्राप्त करती है और उस पर रीसेट () विधि को कॉल करती है। यह प्रपत्र तत्वों के सभी डेटा को साफ़ करता है। अंत में आंतरिक HTML संपत्ति का उपयोग करके हम इस परिवर्तन को दर्शाने वाले इच्छित पाठ को "नमूना" आईडी के साथ एक पैराग्राफ के अंदर प्रदर्शित करते हैं -
 
फ़ंक्शन रीसेटफॉर्म() { document.getElementById("FORM1").reset(); document.getElementById("Sample").innerHTML="फॉर्म रीसेट कर दिया गया है";}