এইচটিএমএল <optgroup> ট্যাগ
<optgroup> ট্যাগের ব্রাউজার সাপোর্ট
| এলিমেন্ট | Google Chrome | Edge/IE | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
<optgroup> |
সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন |
সংজ্ঞা ও ব্যবহার
একটি ড্রপডাউন লিস্টের সম্পর্কিত অপশনগুলোর গ্রুপ তৈরি করার জন্য <optgroup> এলিমেন্টটি ব্যবহার করা হয়।
এটি ইউজারকে বিশাল লিস্ট থেকে তার পছন্দের অপশনটি খোজা সহজ করবে।
নিচের উদাহরণে <optgroup> এলিমেন্টটি দেখানো হলোঃ
উদাহরণ
<!DOCTYPE html>
<html>
<body>
<p>আপনার পছন্দের শহর নির্বাচন করুন!!</p>
<select>
<optgroup label="বাংলাদেশ">
<option value="ঢাকা">ঢাকা </option>
<option value="চট্টগ্রাম">চট্টগ্রাম</option>
</optgroup>
<optgroup label="ভারত">
<option value="মুম্বাই">মুম্বাই</option>
<option value="কলকাতা">কলকাতা</option>
</optgroup>
<optgroup label="ইউএসএ" disabled>
<option value="ফ্লোরিডা">ফ্লোরিডা</option>
<option value="নিউইয়র্ক">নিউ ইয়র্ক</option>
</optgroup>
</select>
</body>
</html>
ফলাফল
এট্রিবিউট
নিচের টেবিলে <optgroup> ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ
| এট্রিবিউট | ভ্যালু | বর্ণনা |
|---|---|---|
| disabled | disabled | নির্দিষ্ট একটি অপশন-গ্রুপকে disable করে দেয়। |
| label | text | অপশন গ্রুপের জন্য একটি লেভেল(label) নির্ধারণ করে। |
<optgroup> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?
| গ্লোবাল এট্রিবিউট | ইভেন্ট এট্রিবিউট |
|---|---|
| সাপোর্ট করে | সাপোর্ট করে |