বিবরণ
<option> এলিমেন্টের disabled অ্যাট্রিবিউট ব্যবহার করা হয় একটি অপশনকে অপশনগুলির তালিকা থেকে ডিসেবল করার জন্য। এর পর সেই ডিসেবল করা অপশন ক্লিকযোগ্য থাকবে না।
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
<option disabled>
উদাহরণ
আইয়ে এখন <option> এলিমেন্টের disabled অ্যাট্রিবিউট ইমপ্লিমেন্ট করার একটি উদাহরণ দেখি:
<!DOCTYPE html> <html> <body> <h2>Impurity level of Water</h2> <p>Impurity Level <meter min="0" low="50" high="95" max="100" value="85"></meter></p> <select> <optgroup label="Ratio"> <option value="one">3:2</option> <option value="two" disabled>5:3</option> </optgroup> <optgroup label="Water"> <option value="low">2L</option> <option value="Medium">5L</option> <option value="high">10L</option> <option value="veryhigh">20L</option> </optgroup> </select> </body> </html>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে। এখানে, Ratio অপ্টগ্রুপের অধীনে 5:3 অপশন:
উদাহরণের ব্যাখ্যা
উপরোক্ত উদাহরণে, আমাদের অপ্টগ্রুপ এবং তার ভেতরে অপশনগুলো আছে:
<select> <optgroup label="Ratio"> <option value="one">3:2</option> <option value="two" disabled>5:3</option> </optgroup> <optgroup label="Water"> <option value="low">2L</option> <option value="Medium">5L</option> <option value="high">10L</option> <option value="veryhigh">20L</option> </optgroup> </select>
উপরে, আমরা disabled অ্যাট্রিবিউট ব্যবহার করে একটি অপশন ডিসেবল করেছি:
<option value="two" disabled>5:3</option>
এখন, আপনি সেটি সিলেক্ট করতে পারবেন না কারণ এটি ডিসেবল করা আছে।
