HTML DOM Input Reset type प्रॉपर्टी

HTML DOM Input Reset type प्रॉपर्टी type="reset" वाले इनपुट एलिमेंट से जुड़ी होती है। यह इनपुट रीसेट एलिमेंट के लिए हमेशा "reset" वापस करती है।

सिंटैक्स

Reset type प्रॉपर्टी का सिंटैक्स:

resetObject.type

उदाहरण

Reset type प्रॉपर्टी का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> 
<h1>Input reset type Property</h1> 
<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> 
<p>नीचे दिए गए बटन पर क्लिक करके ऊपर वाले इनपुट एलिमेंट का प्रकार प्राप्त करें</p> 
<button type="button" onclick="resetType()">GET Type</button> 
<p id="Sample"></p> 
<script> 
  function resetType() { 
    var P = document.getElementById("RESET1").type; 
    document.getElementById("Sample").innerHTML = "The type for the input field is: " + P; 
  } 
</script> 
</body> </html>

आउटपुट

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

HTML DOM Input Reset type प्रॉपर्टी

GET Type बटन पर क्लिक करने पर:

HTML DOM Input Reset type प्रॉपर्टी

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

हमने type="reset", id="RESET1" वाला एक <input> एलिमेंट बनाया है। इस बटन पर क्लिक करने से फॉर्म डेटा रीसेट हो जाएगा। यह बटन एक फॉर्म के अंदर है जिसमें दो टेक्स्ट फील्ड हैं और फॉर्म पर एक इंलाइन स्टाइल भी लागू है।
फिर हमने एक "GET Type" बटन बनाया जो यूजर द्वारा क्लिक किए जाने पर resetType() मेथड को एक्जीक्यूट करता है।
resetType() मेथड getElementById() मेथड का उपयोग करके इनपुट एलिमेंट को प्राप्त करता है और इसके type एट्रिब्यूट मान को variable P में असाइन करता है। यह variable फिर id "Sample" वाले पैराग्राफ में इसकी innerHTML प्रॉपर्टी का उपयोग करके प्रदर्शित किया जाता है।

function resetType() { 
  var P = document.getElementById("RESET1").type; 
  document.getElementById("Sample").innerHTML = "The type for the input field is: " + P; 
}