HTML DOM इनपुट पासवर्ड डिसेबल्ड प्रॉपर्टी का उपयोग यह सेट करने या वापस करने के लिए किया जाता है कि पासवर्ड फ़ील्ड अक्षम है या नहीं। यह बूलियन मानों का उपयोग करता है जिसमें सच का प्रतिनिधित्व करने वाले तत्व को अक्षम किया जाना चाहिए और अन्यथा झूठा होना चाहिए। अक्षम संपत्ति डिफ़ॉल्ट रूप से गलत पर सेट है। अक्षम तत्व डिफ़ॉल्ट रूप से धूसर हो जाता है और क्लिक करने योग्य नहीं होता है।
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैअक्षम संपत्ति सेट करना -
passwordObject.disabled = true|false;
यहां, सत्य =पासवर्ड फ़ील्ड अक्षम है और गलत =पासवर्ड फ़ील्ड अक्षम नहीं है। यह डिफ़ॉल्ट रूप से गलत है।
उदाहरण
आइए इनपुट पासवर्ड अक्षम संपत्ति के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body>
<h1>Input Password disabled Property</h1>
Password: <input type="password" id="PASS">
<p>Disable the above password field by clicking on the DISABLE button</p>
<button type="button" onclick="disablePass()">DISABLE</button>
<p id="Sample"></p>
<script>
function disablePass() {
document.getElementById("PASS").disabled=true;
document.getElementById("Sample").innerHTML = "The password field is now disabled" ;
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
DISABLE बटन पर क्लिक करने पर -
"अक्षम करें" बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने पहले "पास" आईडी के साथ एक इनपुट पासवर्ड फ़ील्ड बनाया है और इसकी अक्षम संपत्ति डिफ़ॉल्ट रूप से FALSE पर सेट है -
Password: <input type="password" id="PASS" value="abcd123">
हमने तब एक बटन बनाया है DISABLE जो उपयोगकर्ता द्वारा क्लिक किए जाने पर अक्षमपास () विधि को निष्पादित करेगा -
<button type="button" onclick="disablePass()">DISABLE</button>
अक्षमपास() विधि इनपुट फ़ील्ड को टाइप पासवर्ड के साथ प्राप्त करने के लिए getElementById() विधि का उपयोग करती है और इसे अक्षम संपत्ति को सत्य पर सेट करती है। यह पासवर्ड फ़ील्ड को निष्क्रिय कर देता है और इसे धूसर कर देता है। हम तब आईडी "नमूना" के साथ पैराग्राफ की आंतरिक HTML संपत्ति का उपयोग करके एक संदेश प्रदर्शित करते हैं जो दर्शाता है कि पासवर्ड फ़ील्ड अब अक्षम है -
function disablePass() {
document.getElementById("PASS").disabled=true;
document.getElementById("Sample").innerHTML = "The password field is now disabled" ;
}