HTML DOM Input Reset disabled प्रॉपर्टी का उपयोग यह सेट या प्राप्त करने के लिए किया जाता है कि रीसेट बटन डिसेबल होना चाहिए या नहीं। यह बूलियन मानों का उपयोग करता है, जिसमें true दर्शाता है कि रीसेट बटन डिसेबल होना चाहिए और false अन्यथा। Disabled प्रॉपर्टी डिफ़ॉल्ट रूप से false पर सेट होती है। डिसेबल एलिमेंट डिफ़ॉल्ट रूप से ग्रे आउट होता है और अनक्लिकेबल होता है।
सिंटैक्स
Disabled प्रॉपर्टी सेट करने के लिए सिंटैक्स:
resetObject.disabled = true|false
यहां, true=रीसेट बटन डिसेबल है और false=रीसेट बटन डिसेबल नहीं है। यह डिफ़ॉल्ट रूप से false है।
उदाहरण
Input reset disabled प्रॉपर्टी का एक उदाहरण:
<!DOCTYPE html> <html> <body> <h1>Input reset disabled प्रॉपर्टी</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 बटन पर क्लिक करके रीसेट बटन को डिसेबल करें</p> <button type="button" onclick="disableReset()">डिसेबल</button> <p id="Sample"></p> <script> function disableReset() { document.getElementById("RESET1").disabled=true; document.getElementById("Sample").innerHTML = "रीसेट बटन अब डिसेबल है" ; } </script> </body> </html>
आउटपुट
उपरोक्त कोड से निम्न आउटपुट प्राप्त होगा:
"डिसेबल" बटन पर क्लिक करने पर:
उपरोक्त उदाहरण में:
हमने type="reset", id="RESET1" के साथ एक <input> एलिमेंट बनाया। इस बटन पर क्लिक करने पर फॉर्म डेटा रीसेट हो जाएगा। यह बटन एक फॉर्म के अंदर है जिसमें दो टेक्स्ट फील्ड हैं और फॉर्म पर एक इंलाइन स्टाइल भी लागू है:
<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 बनाया जो यूज़र द्वारा क्लिक किए जाने पर disableReset() मेथड को एक्जीक्यूट करेगा:
<button type="button" onclick="disableReset()">DISABLE</button>
disableReset() मेथड getElementById() मेथड का उपयोग करके टाइप reset वाले इनपुट एलिमेंट को प्राप्त करता है और इसकी disabled प्रॉपर्टी को true पर सेट करता है। यह रीसेट बटन को अनक्लिकेबल बना देता है और यूज़र अब इसके साथ इंटरैक्ट नहीं कर सकता। यह अब ग्रे हो गया है:
function disableReset() { document.getElementById("RESET1").disabled=true; document.getElementById("Sample").innerHTML = "रीसेट बटन अब डिसेबल है" ; }
