HTML DOM Button disabled প্রোপার্টি <button> এলিমেন্টের disabled অ্যাট্রিবিউটের সাথে যুক্ত। button disabled প্রোপার্টি একটি দেওয়া বাটন ডিজেবল আছে কিনা সেট বা রিটার্ন করতে ব্যবহৃত হয়। এটি বাটন ডিজেবল করতে ব্যবহৃত হয় যাতে ইউজার আর নির্দিষ্ট এলিমেন্টের সাথে ইন্টারঅ্যাক্ট করতে না পারে। disabled প্রোপার্টি সেট করলে ওয়েব ব্রাউজারে ডিফল্টভাবে বাটন গ্রে হয়ে যায়।
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
disabled প্রোপার্টি সেট করা:
buttonObject.disabled = true|false
এখানে, true|false নির্দিষ্ট ইনপুট বাটনটি ডিজেবল করা উচিত কিনা তা নির্দেশ করে।
- True - বাটনটি ডিজেবল হয়ে যায়।
- False - বাটনটি ডিজেবল হবে না।
Button disabled প্রোপার্টির জন্য একটি উদাহরণ দেখি:
উদাহরণ
<!DOCTYPE html> <html> <body> <button id="Button1">BUTTON</button> <p>Click the below button to disable the above button.</p> <button onclick="buttonDis()">CLICK IT</button> <p id="Sample"> <script> function buttonDis() { document.getElementById("Button1").disabled = true; var x=document.getElementById("Button1").disabled; document.getElementById("Sample").innerHTML = "Button disabled is "+x; } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুট দেবে:
CLICK IT বাটনে ক্লিক করলে:
উপরের উদাহরণে:
আমরা id "Button1" সহ একটি বাটন তৈরি করেছি এবং বাটনটি ডিফল্টভাবে এনাবলড।
<button id="Button1">BUTTON</button>
আমরা তারপর CLICK IT বাটন তৈরি করেছি যা ক্লিক করলে buttonDis() মেথড এক্সিকিউট করবে।
<button onclick="buttonDis()">CLICK IT</button>
buttonDis() মেথড এর id "button1" ব্যবহার করে বাটন এলিমেন্টটি পায় এবং এর disabled অ্যাট্রিবিউট true-এ সেট করে। বাটন ডিজেবল করার পর এর disabled মান (true বা false) x ভেরিয়েবলে অ্যাসাইন করা হয় এবং id "Sample" সহ প্যারাগ্রাফে প্রদর্শিত হয়।
function buttonDis() { document.getElementById("Button1").disabled = true; var x=document.getElementById("Button1").disabled; document.getElementById("Sample").innerHTML = "Button disabled is "+x; }
