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

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

सिंटैक्स

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

resetObject.name = name

यहां, name रीसेट बटन का नाम निर्दिष्ट करने के लिए है।

उदाहरण

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

<!DOCTYPE html> <html> <body> 
<h1>Input range name 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="changeName()">CHANGE NAME</button> 
<p id="Sample"></p> 
<script> 
  function changeName() { 
    document.getElementById("RESET1").name = "RES_BTN"; 
    document.getElementById("Sample").innerHTML = "Reset Button name is now RES_BTN"; 
  } 
</script> 
</body> </html>

आउटपुट

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

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

CHANGE NAME पर क्लिक करने पर:

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

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

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

function changeName() { 
  document.getElementById("RESET1").name = "RES_BTN"; 
  document.getElementById("Sample").innerHTML = "Reset Button name is now RES_BTN"; 
}