HTML DOM Fieldset disabled প্রপার্টি একটি দেয়া fieldset-এর ভিতরে থাকা এলিমেন্ট গোষ্ঠী ডিজেবল করতে ব্যবহৃত হয়। এই প্রপার্টি true সেট করলে এলিমেন্টগুলো ডিজেবল হয় অন্যথায় ইনেবল থাকে, যা ডিফল্টও। ডিজেবল এলিমেন্ট ব্রাউজার ডিফল্টভাবে গ্রে রেন্ডার করে এবং ইউজার সেগুলোতে ক্লিক বা লিখতে পারে না।
সিনট্যাক্স
disabled প্রপার্টি সেট করার সিনট্যাক্স:
fieldsetObj.disabled = true|false
disabled প্রপার্টি রিটার্ন করার সিনট্যাক্স:
fieldsetObj.disabled
উদাহরণ
Fieldset disabled প্রপার্টির উদাহরণ:
<!DOCTYPE html> <html> <head> <script> function FieldDisable() { document.getElementById("FieldSet1").disabled = true; } function FieldEnable() { document.getElementById("FieldSet1").disabled = false; } </script> </head> <body> <h1>Sample FORM</h1> <form> <fieldset id="FieldSet1"> <legend>User Data:</legend> Name: <input type="text"><br> Address: <input type="text"><br> Age: <input type="text"> </fieldset> </form> <br> <button onclick="FieldEnable()">Enable</button> <button onclick="FieldDisable()">Disable</button> <p>fieldset ইনেবল করতে Enable এবং ডিজেবল করতে Disable বাটনে ক্লিক করুন</p> </body> </html>আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
Disable বাটনে ক্লিক করলে:
উপরের উদাহরণে:
প্রথমে একটি ফর্ম তৈরি করা হয়েছে যার এলিমেন্টগুলো <fieldset> এলিমেন্ট ব্যবহার করে গ্রুপ করা হয়েছে যার id অ্যাট্রিবিউট “Fieldset1” সেট করা হয়েছে:
<form> <fieldset id="FieldSet1"> <legend>User Data:</legend> Name: <input type="text"><br> Address: <input type="text"><br> Age: <input type="text"> </fieldset> </form>
তারপর “Enable” এবং “Disable” দুটি বাটন তৈরি করা হয়েছে যা যথাক্রমে FieldEnable() এবং FieldDisable() ফাংশন এক্সিকিউট করবে:
<button onclick="FieldEnable()">Enable</button> <button onclick="FieldDisable()">Disable</button>
fieldEnable() এবং FieldDisable() ফাংশন fieldset disabled প্রপার্টি যথাক্রমে true এবং false-এ সেট করে। এতে নির্দিষ্ট fieldset-এর ভিতরের এলিমেন্টগুলো ইনেবল বা ডিজেবল করা যায়:
function FieldDisable() { document.getElementById("FieldSet1").disabled = true; } function FieldEnable() { document.getElementById("FieldSet1").disabled = false; } 