#এইচটিএমএল(HTML)-এর select এবং group ট্যাগ এর কাজ দেখানো হয়েছে — যা ওয়েব ফর্মে ড্রপডাউন:

🔽 <select> ট্যাগ কী?

<select> ট্যাগ ব্যবহার করে ড্রপডাউন মেনু তৈরি করা হয়, যেখানে ব্যবহারকারী একটি বা একাধিক অপশন বেছে নিতে পারে।

এর ভেতরে থাকে এক বা একাধিক <option> ট্যাগ, যেগুলো হচ্ছে নির্বাচনের জন্য দেওয়া বিকল্পগুলো।

---

✅ উদাহরণ ১: সাধারণ Select Box

<label for="city">Select your city:</label>
<select id="city" name="city">
  <option value="dhaka">Dhaka</option>
  <option value="chittagong">Chittagong</option>
  <option value="rajshahi">Rajshahi</option>
</select>

🔹 এখানে <select> ড্রপডাউন তৈরি করে, আর <option> গুলো হচ্ছে বিকল্প।

---

🧩 <optgroup> ট্যাগ কী?

<optgroup> ব্যবহার করে আমরা ড্রপডাউনের অপশনগুলোকে গ্রুপ আকারে ভাগ করে সুন্দরভাবে সাজাতে পারি।

এটা ইউজারের জন্য অপশনগুলো সুস্পষ্ট ও সংগঠিত করে তোলে।

---

✅ উদাহরণ ২: Select Box with Option Group

<label for="cars">Choose a car brand:</label>
<select id="cars" name="car">
  <optgroup label="German Cars">
    <option value="bmw">BMW</option>
    <option value="audi">Audi</option>
  </optgroup>
  <optgroup label="Japanese Cars">
    <option value="toyota">Toyota</option>
    <option value="honda">Honda</option>
  </optgroup>
</select>

🔸 এখানে:

• label="..." → অপশন গ্রুপের নাম

• <optgroup> এর ভেতরে একাধিক <option> থাকে

---

🎯 বিশেষ টিপস:

বৈশিষ্ট্য	ব্যাখ্যা
name=""	সার্ভারে ডেটা পাঠানোর সময় এই নাম ব্যবহার হয়
value=""	প্রতিটি অপশনের ভ্যালু, যেটা সাবমিশনের সময় পাঠানো হয়
selected	ডিফল্টভাবে কোন অপশন নির্বাচিত থাকবে
disabled	কোনো অপশন বা গ্রুপ নিষ্ক্রিয় করতে

---

✅ উদাহরণ ৩: Default এবং Disabled অপশন

<select name="language">
  <option disabled selected>Select a language</option>
  <option value="en">English</option>
  <option value="bn">Bangla</option>
</select>

---

🧠 সংক্ষেপে:

ট্যাগ	কাজ
<select>	ড্রপডাউন তৈরি করে
<option>	ড্রপডাউনের প্রতিটি অপশন
<optgroup>	অপশনগুলোকে গ্রুপ করে