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

HTML DOM Input Reset value प्रॉपर्टी का उपयोग रीसेट बटन के value एट्रिब्यूट के मान को वापस करने या इसे सेट करने के लिए किया जाता है। रीसेट बटन के लिए value प्रॉपर्टी बटन पर प्रदर्शित टेक्स्ट को बदल देती है क्योंकि डिफ़ॉल्ट रूप से टेक्स्ट "Reset" होता है।

सिंटैक्स

Value प्रॉपर्टी सेट करने का सिंटैक्स:

resetObject.value = text;

यहां, text रीसेट बटन पर प्रदर्शित टेक्स्ट को निर्दिष्ट करने के लिए उपयोग किया जाता है।

उदाहरण

Input reset value प्रॉपर्टी का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> 
<h1>Input reset Value 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 onclick="changeValue()">CHANGE</button> 
<p id="Sample"></p> 
<script> 
  function changeValue() { 
    document.getElementById("RESET1").value = "Form_Reset"; 
    document.getElementById("Sample").innerHTML = "The reset button value is changed and the value can be seen on the button itself"; 
  } 
</script> 
</body> </html>

आउटपुट

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

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

CHANGE बटन पर क्लिक करने पर:

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

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

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

function changeValue() { 
  document.getElementById("RESET1").value = "Form_Reset"; 
  document.getElementById("Sample").innerHTML = "The reset button value is changed and the value can be seen on the button itself"; 
}