HTML DOM Input Button disabled প্রপার্টি

HTML DOM Input Button disabled প্রপার্টি একটি ইনপুট বাটনের disabled অ্যাট্রিবিউটের মান পাওয়া ও সেট করার জন্য ব্যবহৃত হয়। ডিজেবলড বাটন ক্লিক করা যাবে না এবং ফর্ম সাবমিশনে অংশ নেবে না।

সিনট্যাক্স

মান পাওয়া:

object.disabled

মান সেট করা:

object.disabled = true | false

উদাহরণ: বাটনকে ডিজেবল/ইনেবল করা

<!DOCTYPE html>
<html>
<head>
    <title>HTML DOM disabled Property</title>
    <style>
        body { text-align: center; }
        .btn {
            display: block; margin: 1rem auto;
            background-color: #db133a; color: #fff;
            border: 1px solid #db133a; padding: 0.5rem;
            border-radius: 50px; width: 80%;
        }
        .show-message { font-weight: bold; font-size: 1.4rem; color: #ffc107; }
    </style>
</head>
<body>
    <h1>disabled Property Example</h1>
    <input type="button" onclick="disableMe()" class="btn" value="Click me to Disable me">
    <div class="show-message"></div>

    <script>
        function disableMe() {
            var btn = document.querySelector(".btn");
            btn.disabled = true;
            document.querySelector(".show-message").innerHTML = "Previously I'm enabled but now I'm disabled";
        }
    </script>
</body>
</html>

আউটপুট

• প্রাথমিক অবস্থায় বাটন সক্রিয় (enabled) থাকে।
• বাটনে ক্লিক করলে সেটি নিজে নিজে ডিজেবল হয়ে যাবে (স্লেটি হয়ে যাবে এবং ক্লিক করা যাবে না)।
• মেসেজ দেখাবে: "Previously I'm enabled but now I'm disabled"

ব্যবহারিক টিপস

• ফর্ম সাবমিশন এর সময় ডাবল সাবমিশন রোধ করতে বাটন ডিজেবল করা হয়।
• CSS-এ :disabled সিলেক্টর দিয়ে ডিজেবলড বাটন স্টাইল করা যায়।
• disabled একটি বুলিয়ান অ্যাট্রিবিউট: HTML-এ লিখলেই true হয়।