HTML DOM ইনপুট পাসওয়ার্ড নিষ্ক্রিয় বৈশিষ্ট্যটি পাসওয়ার্ড ক্ষেত্রটি নিষ্ক্রিয় বা না সেটিং বা ফেরত দেওয়ার জন্য ব্যবহৃত হয়। এটি বুলিয়ান মান ব্যবহার করে সত্য প্রতিনিধিত্বকারী উপাদানটিকে নিষ্ক্রিয় করা উচিত এবং অন্যথায় মিথ্যা হওয়া উচিত। অক্ষম সম্পত্তি ডিফল্টরূপে মিথ্যা সেট করা হয়. নিষ্ক্রিয় উপাদানটি ডিফল্টরূপে ধূসর হয়ে থাকে এবং এটিতে ক্লিক করা যায় না৷
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলঅক্ষম সম্পত্তি সেট করা হচ্ছে -
passwordObject.disabled = true|false;
এখানে, true=পাসওয়ার্ড ক্ষেত্র নিষ্ক্রিয় এবং মিথ্যা=পাসওয়ার্ড ক্ষেত্র নিষ্ক্রিয় করা নেই। এটি ডিফল্টরূপে মিথ্যা৷
উদাহরণ
আসুন ইনপুট পাসওয়ার্ড নিষ্ক্রিয় বৈশিষ্ট্য -
-এর একটি উদাহরণ দেখি<!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> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবেনিষ্ক্রিয় বোতামে ক্লিক করলে -
"অক্ষম" বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমরা প্রথমে "PASS" আইডি সহ একটি ইনপুট পাসওয়ার্ড ক্ষেত্র তৈরি করেছি এবং এটি নিষ্ক্রিয় সম্পত্তি ডিফল্টরূপে FALSE -
Password: <input type="password" id="PASS" value="abcd123">
তারপরে আমরা একটি অক্ষম বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে disablePass() পদ্ধতিটি কার্যকর করবে -
<button type="button" onclick="disablePass()">DISABLE</button>
disablePass() পদ্ধতিটি getElementById() পদ্ধতি ব্যবহার করে টাইপ পাসওয়ার্ড সহ ইনপুট ক্ষেত্র পেতে এবং এটি নিষ্ক্রিয় সম্পত্তি সত্যে সেট করে। এটি পাসওয়ার্ড ক্ষেত্রটি নিষ্ক্রিয় করে এবং এটি ধূসর করে দেয়। তারপরে আমরা "নমুনা" আইডি সহ অনুচ্ছেদের অভ্যন্তরীণ HTML বৈশিষ্ট্য ব্যবহার করে একটি বার্তা প্রদর্শন করি যা নির্দেশ করে যে পাসওয়ার্ড ক্ষেত্রটি এখন নিষ্ক্রিয় হয়েছে −
function disablePass() {
document.getElementById("PASS").disabled=true;
document.getElementById("Sample").innerHTML = "The password field is now disabled" ;
} 