এইচটিএমএল সিএসএস জাভাস্ক্রিপ্ট পিএইচপি এসকিউএল জেকুয়েরি বুটস্ট্রাপ সি প্রোগ্রামিং
ফোরাম
 

এইচটিএমএল <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> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?

গ্লোবাল এট্রিবিউট ইভেন্ট এট্রিবিউট
সাপোর্ট করে সাপোর্ট করে


সম্পর্কিত পেজ