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

<घंटा/>

HTML DOM इनपुट रीसेट अक्षम संपत्ति का उपयोग रीसेट बटन को अक्षम किया जाना चाहिए या नहीं, इसे सेट करने या वापस करने के लिए किया जाता है। यह बूलियन मानों का उपयोग करता है, सही प्रतिनिधित्व के साथ रीसेट बटन को अक्षम किया जाना चाहिए और अन्यथा झूठा होना चाहिए। अक्षम संपत्ति डिफ़ॉल्ट रूप से गलत पर सेट है। अक्षम तत्व डिफ़ॉल्ट रूप से धूसर हो जाता है और क्लिक करने योग्य नहीं होता है।

सिंटैक्स

−

. के लिए वाक्य रचना निम्नलिखित है

अक्षम संपत्ति सेट करना -

resetObject.autofocus = true|false

यहां, ट्रू =रीसेट बटन अक्षम है और असत्य =रीसेट बटन अक्षम नहीं है। यह डिफ़ॉल्ट रूप से गलत है।

उदाहरण

आइए इनपुट रीसेट अक्षम संपत्ति के लिए एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<body>
<h1>Input reset disabled 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>Disable the above reset button by clicking on the DISABLE button</p>
<button type="button" onclick="disableReset()">DISABLE</button>
<p id="Sample"></p>
<script>
   function disableReset() {
      document.getElementById("RESET1").disabled=true;
      document.getElementById("Sample").innerHTML = "The reset button is now disabled" ;
   }
</script>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

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

DISABLE बटन पर क्लिक करने पर -

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>

फिर हमने एक बटन DISABLE बनाया जो उपयोगकर्ता द्वारा क्लिक किए जाने पर अक्षम रीसेट () विधि को निष्पादित करेगा -

<button type="button" onclick="disableReset()">DISABLE</button>

अक्षम रीसेट () विधि getElementById () विधि का उपयोग करके रीसेट प्रकार के साथ इनपुट तत्व प्राप्त करती है और इसकी अक्षम संपत्ति को सत्य पर सेट करती है। यह रीसेट बटन को क्लिक करने योग्य नहीं बनाता है और उपयोगकर्ता अब इसके साथ इंटरैक्ट नहीं कर सकता है। यह अब धूसर हो गया है -

function disableReset() {
   document.getElementById("RESET1").disabled=true;
   document.getElementById("Sample").innerHTML = "The reset button is now disabled" ;
}