বিবরণ
HTML DOM Input Reset disabled প্রোপার্টি ব্যবহার করা হয় রিসেট বাটন ডিসেবল করা উচিত কিনা সেট বা রিটার্ন করার জন্য। এটি বুলিয়ান মান ব্যবহার করে, যেখানে true মানে রিসেট বাটন ডিসেবল করা উচিত এবং false মানে অন্যথা। Disabled প্রোপার্টি ডিফল্টভাবে false সেট করা থাকে। ডিসেবল করা এলিমেন্ট ডিফল্টভাবে স্লেটি রঙের হয় এবং অনক্লিকেবল।
সিনট্যাক্স
Disabled প্রোপার্টি সেট করার সিনট্যাক্স:
resetObject.disabled = true|false
এখানে, true= রিসেট বাটন ডিসেবল, false= রিসেট বাটন ডিসেবল নয়। ডিফল্টভাবে false।
উদাহরণ
Input reset disabled প্রোপার্টির জন্য একটি উদাহরণ:
<!DOCTYPE html> <html> <body> <h1>Input reset disabled Property</h1> <form style="border:solid 2px green;padding:2px"> UserName: <input type="text" id="USR"> <br> Location: <input type="text" id="Age"> <br><br> <input type="reset" id="RESET1"> </form> <p>Disable the above reset button by clicking on the DISABLE button</p> <button type="button" onclick="disableReset()">DISABLE</button> <p id="Sample"></p> <script> function disableReset() { document.getElementById("RESET1").disabled=true; document.getElementById("Sample").innerHTML = "The reset button is now disabled" ; } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
DISABLE বাটনে ক্লিক করার পর:
উদাহরণের ব্যাখ্যা
- আমরা একটি <input> এলিমেন্ট তৈরি করেছি যার type="reset", id="RESET1"। এই বাটনে ক্লিক করলে ফর্ম ডেটা রিসেট হবে। এই বাটন একটি ফর্মের ভেতরে আছে যাতে দুটি টেক্সট ফিল্ড আছে এবং ফর্মে একটি ইনলাইন স্টাইলও আছে।
- তারপর একটি DISABLE বাটন তৈরি করা হয়েছে যা ক্লিক করলে disableReset() মেথড এক্সিকিউট হবে।
- disableReset() মেথড getElementById() ব্যবহার করে type="reset" ইনপুট এলিমেন্ট পায় এবং এর disabled প্রোপার্টি true সেট করে। এটি রিসেট বাটনকে অনক্লিকেবল করে দেয় এবং ব্যবহারকারী আর এর সাথে ইন্টারঅ্যাক্ট করতে পারবে না। এখন এটি স্লেটি রঙের হয়ে গেছে।
