HTML DOM Input Reset form प्रॉपर्टी का उपयोग दिए गए रीसेट बटन को शामिल करने वाले फॉर्म के रेफरेंस को प्राप्त करने के लिए किया जाता है। यदि रीसेट बटन फॉर्म के बाहर है तो यह केवल NULL लौटाएगा। यह प्रॉपर्टी रीड-ओनली है।
सिंटैक्स
Input Reset form प्रॉपर्टी के लिए सिंटैक्स:
resetObject.form
उदाहरण
Input Reset form प्रॉपर्टी का एक उदाहरण:
<!DOCTYPE html> <html> <body> <h1>Input reset form प्रॉपर्टी</h1> <form id="FORM_1" style="border:solid 2px green;padding:2px"> UserName: <input type="text" id="USR"> <br> Location: <input type="text" id="Age"> <br><br> <input type="reset" id="RESET1"> </form> <p>नीचे दिए गए बटन पर क्लिक करके फॉर्म id प्राप्त करें</p> <button type="button" onclick="formId()">फॉर्म प्राप्त करें</button> <p id="Sample"></p> <script> function formId() { var P=document.getElementById("RESET1").form.id; document.getElementById("Sample").innerHTML = "रीसेट बटन वाले फॉर्म का id है: "+P ; } </script> </body> </html>
यह निम्न आउटपुट देगा:
"फॉर्म प्राप्त करें" बटन पर क्लिक करने पर:
उपरोक्त उदाहरण में:
हमने type="reset", id="RESET1" के साथ एक <input> एलिमेंट बनाया। इस बटन पर क्लिक करने पर फॉर्म डेटा रीसेट हो जाएगा। यह बटन एक फॉर्म के अंदर है जिसमें दो टेक्स्ट फील्ड हैं और फॉर्म पर एक इंलाइन स्टाइल भी लागू है।
<form style="border:solid 2px green;padding:2px"> UserName: <input type="text" id="USR"> <br> Location: <input type="text" id="Age"> <br><br> <input type="reset" id="RESET1"> </form>
फिर हमने एक बटन GET FORM बनाया जो यूज़र द्वारा क्लिक किए जाने पर formId() मेथड को एक्जीक्यूट करेगा।
<button type="button" onclick="formId()">GET FORM</button>
formId() मेथड getElementById() मेथड का उपयोग करके टाइप reset वाले इनपुट फील्ड को प्राप्त करता है और रीसेट बटन को शामिल करने वाले फॉर्म ऑब्जेक्ट के id प्रॉपर्टी को प्राप्त करता है। फिर यह इस मान को वेरिएबल P को असाइन करता है और id "Sample" वाले पैराग्राफ में इसके innerHTML प्रॉपर्टी का उपयोग करके प्रदर्शित करता है:
function formId() { var P=document.getElementById("RESET1").form.id; document.getElementById("Sample").innerHTML = "रीसेट बटन वाले फॉर्म का id है: "+P ; }
