HTML DOM Input Password disabled प्रॉपर्टी

HTML DOM Input Password disabled प्रॉपर्टी का उपयोग यह सेट करने या लौटाने के लिए किया जाता है कि पासवर्ड फील्ड अक्षम है या नहीं। यह बूलियन मानों का उपयोग करता है जिसमें true तत्व को अक्षम करने का प्रतिनिधित्व करता है और false अन्यथा। disabled प्रॉपर्टी डिफ़ॉल्ट रूप से false पर सेट होती है। अक्षम तत्व डिफ़ॉल्ट रूप से ग्रे हो जाता है और अनक्लिकेबल होता है।

सिंटैक्स

disabled प्रॉपर्टी सेट करने के लिए सिंटैक्स:

passwordObject.disabled = true|false;

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

उदाहरण

आइए Input password disabled प्रॉपर्टी का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> 
<h1>Input Password disabled प्रॉपर्टी</h1> 
Password: <input type="password" id="PASS"> 
<p>ऊपर दिए गए पासवर्ड फील्ड को DISABLE बटन पर क्लिक करके अक्षम करें</p> 
<button type="button" onclick="disablePass()">DISABLE</button> 
<p id="Sample"></p> 
<script> 
  function disablePass() { 
    document.getElementById("PASS").disabled = true; 
    document.getElementById("Sample").innerHTML = "पासवर्ड फील्ड अब अक्षम है"; 
  } 
</script> </body> </html>

आउटपुट

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

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

HTML DOM Input Password disabled प्रॉपर्टी

"DISABLE" बटन पर क्लिक करने पर:

HTML DOM Input Password disabled प्रॉपर्टी

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

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

हमने पहले id "PASS" के साथ एक इनपुट पासवर्ड फील्ड बनाई और इसकी disabled प्रॉपर्टी डिफ़ॉल्ट रूप से FALSE पर सेट है:

Password: <input type="password" id="PASS" value="abcd123">

फिर हमने एक बटन DISABLE बनाया जो यूज़र द्वारा क्लिक किए जाने पर disablePass() मेथड को एक्ज़िक्यूट करता है:

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

disablePass() मेथड getElementById() मेथड का उपयोग करके टाइप password वाले इनपुट फील्ड को प्राप्त करता है और इसकी disabled प्रॉपर्टी को true पर सेट करता है। यह पासवर्ड फील्ड को अक्षम करता है और इसे ग्रे कर देता है। फिर हम id "Sample" वाले पैराग्राफ की innerHTML प्रॉपर्टी का उपयोग करके एक संदेश प्रदर्शित करते हैं जो दर्शाता है कि पासवर्ड फील्ड अब अक्षम है:

function disablePass() { 
  document.getElementById("PASS").disabled = true; 
  document.getElementById("Sample").innerHTML = "पासवर्ड फील्ड अब अक्षम है"; 
}