HTML DOM इनपुट रीसेट प्रकार की संपत्ति

<घंटा/>

एचटीएमएल डोम इनपुट रीसेट प्रकार संपत्ति इनपुट तत्व के साथ जुड़ा हुआ है जिसका प्रकार ="रीसेट" है। यह हमेशा इनपुट रीसेट तत्व के लिए रीसेट लौटाएगा।

सिंटैक्स

रीसेट प्रकार की संपत्ति के लिए सिंटैक्स निम्नलिखित है -

resetObject.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>Get the above input element type by clicking the below button</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 इनपुट रीसेट प्रकार की संपत्ति

GET टाइप प्रॉपर्टी पर क्लिक करने पर -

HTML DOM इनपुट रीसेट प्रकार की संपत्ति

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

हमने टाइप ="रीसेट", आईडी ="रीसेट 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 Type" बनाया जो उपयोगकर्ता द्वारा क्लिक किए जाने पर रीसेट टाइप () विधि को निष्पादित करेगा -

<button type="button" onclick="resetType()">GET Type</button>

रीसेट टाइप () विधि getElementById () विधि का उपयोग करके इनपुट तत्व प्राप्त करती है और इसके प्रकार विशेषता मान को चर P को निर्दिष्ट करती है। इस चर को इसके आंतरिक HTML संपत्ति का उपयोग करके "नमूना" आईडी के साथ पैराग्राफ में प्रदर्शित किया जाता है -

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