এইচটিএমএল <select> ট্যাগ
<select> ট্যাগের ব্রাউজার সাপোর্ট
| এলিমেন্ট | Google Chrome | Edge/IE | Mozila Firefox | Safari | Opera |
|---|---|---|---|---|---|
<select> |
সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন | সকল ভার্সন |
সংজ্ঞা ও ব্যবহার
<select> এলিমেন্টটি ফরমের মধ্যে সিলেক্ট লিস্ট তৈরি করার জন্য ব্যবহার করা হয়।
সিলেক্ট লিস্টের লিস্ট তৈরি করার জন্য <select> এলিমেন্টের মধ্যে <option> এলিমেন্টটি ব্যবহার করুন।
নিচের উদাহরণে চারটি অপশনসহ একটি সিলেক্ট লিস্ট তৈরি করা হলোঃ
উদাহরণ
<!DOCTYPE html>
<html>
<body>
<select>
<option value="HTML">HTML</option>
<option value="CSS">CSS</option>
<option value="Javascript">Javascript</option>
<option value="PHP">PHP</option>
</select>
</body>
</html>
ফলাফল
টীকা ও মন্তব্যঃ
<select>এলিমেন্টটি একটি ফর্ম কন্ট্রোল এবং ইউজার ইনপুট সংগ্রহ করার জন্য এটি ব্যবহার করা হয়।
এট্রিবিউট
নিচের টেবিলে <select> ট্যাগের এট্রিবিউট, এট্রিবিউটের ভ্যালু এবং তাদের ব্যবহার তুলে ধরা হলোঃ
| এট্রিবিউট | ভ্যালু | বর্ননা |
|---|---|---|
| autofocus | autofocus | পেজ লোডের পর সিলেক্ট লিস্টটি নিজে নিজেই ফোকাস হবে। |
| disabled | disabled | সিলেক্ট লিস্টকে নিষ্ক্রিয়(disable) করে দেয়। |
| form | form_id | সিলেক্ট লিস্ট সংশ্লিষ্ট এক বা একাধিক ফর্মকে উল্লেখ করে। |
| multiple | multiple | একবারে একাধিক অপশন সিলেক্ট করার সুযোগ করে দেয়। |
| name | name | সিলেক্ট লিস্টের জন্য একটি নাম নির্ধারণ করে। |
| required | required | এটি ইউজারকে ফর্ম সাবমিটের পূর্বে অবশ্যই সিলেক্ট লিস্টে একটি দিতে বাধ্য করে। |
| size | number | সিলেক্ট লিস্টে লিস্টে দৃশ্যমান অপশনের সংখ্যা নির্ধারণ করে। |
<select> ট্যাগে গ্লোবাল এবং ইভেন্ট এট্রিবিউট সাপোর্ট করে কিনা?
| গ্লোবাল এট্রিবিউট | ইভেন্ট এট্রিবিউট |
|---|---|
| সাপোর্ট করে | সাপোর্ট করে |