HTML DOM इनपुट रीसेट फॉर्म प्रॉपर्टी का उपयोग उस फॉर्म रेफरेंस को वापस करने के लिए किया जाता है जिसमें दिए गए रीसेट बटन होते हैं। यदि रीसेट बटन फॉर्म के बाहर है तो यह केवल NULL लौटाएगा। यह संपत्ति केवल पढ़ने के लिए है।
सिंटैक्स
इनपुट रीसेट फॉर्म प्रॉपर्टी के लिए सिंटैक्स निम्नलिखित है।
resetObject.form
उदाहरण
आइए इनपुट रीसेट फॉर्म प्रॉपर्टी के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body>
<h1>Input reset form Property</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>Get the form id by clicking on the below button</p>
<button type="button" onclick="formId()">GET FORM</button>
<p id="Sample"></p>
<script>
function formId() {
var P=document.getElementById("RESET1").form.id;
document.getElementById("Sample").innerHTML = "The id of the form containing the reset button is: "+P ;
}
</script>
</body>
</html> यह निम्नलिखित आउटपुट देगा -
फॉर्म प्राप्त करें बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने टाइप ="रीसेट", आईडी ="रीसेट 1" के साथ एक <इनपुट> तत्व बनाया है। इस बटन पर क्लिक करने से फॉर्म डेटा रीसेट हो जाएगा। यह बटन एक प्रपत्र के अंदर है जिसमें दो टेक्स्ट फ़ील्ड हैं और फ़ॉर्म में एक इनलाइन शैली भी लागू है।
<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>
फॉर्मआईड () विधि प्रकार रीसेट के साथ इनपुट फ़ील्ड प्राप्त करने के लिए getElementById () विधि का उपयोग करती है और फॉर्म ऑब्जेक्ट की आईडी प्रॉपर्टी प्राप्त करती है जिसमें रीसेट बटन होता है। इसके बाद यह इस मान को वेरिएबल P को असाइन करता है और अपनी आंतरिक HTML संपत्ति का उपयोग करके "नमूना" आईडी के साथ पैराग्राफ में प्रदर्शित करता है -
function formId() {
var P=document.getElementById("RESET1").form.id;
document.getElementById("Sample").innerHTML = "The id of the form containing the reset button is: "+P ;
}