কম্পিউটার টিউটোরিয়াল

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() মেথড ব্যবহার করে টাইপ পাসওয়ার্ড ইনপুট ফিল্ড পাওয়া এবং এর disabled প্রপার্টি true-এ সেট করা। এতে পাসওয়ার্ড ফিল্ড ডিজেবল হয়ে গ্রে হয়ে যায়। id “Sample” ওয়ালা প্যারাগ্রাফের innerHTML প্রপার্টি ব্যবহার করে পাসওয়ার্ড ফিল্ড ডিজেবল হয়েছে এমন বার্তা প্রদর্শন করা হয়েছে:

function disablePass() {    document.getElementById("PASS").disabled=true;    document.getElementById("Sample").innerHTML = "পাসওয়ার্ড ফিল্ড এখন ডিজেবল হয়েছে" ; }

  1. HTML DOM Input Search disabled প্রোপার্টি

  2. HTML DOM ইনপুট টেক্সট disabled প্রপার্টি

  3. HTML DOM Input Password value প্রপার্টি

  4. HTML DOM Input Password placeholder প্রোপার্টি