ট্যাগ select
ট্যাগ select HTML ফর্ম এ ব্যবহারের জন্য একটি ড্রপ-ডাউন তালিকা তৈরি করে।
তালিকার একটি পৃথক আইটেম অবশ্যই
option ট্যাগের মধ্যে সংরক্ষণ করতে হবে।
অ্যাট্রিবিউট
| অ্যাট্রিবিউট | বর্ণনা |
|---|---|
multiple |
এই অ্যাট্রিবিউটের উপস্থিতি একটি মাল্টিসেলেক্ট তৈরি করে -
একটি ড্রপ-ডাউন তালিকা যেখানে Ctrl চেপে ধরে বা
মাউস দিয়ে সেগুলি নির্বাচন করে একাধিক আইটেম বেছে নেওয়া যায়।
ঐচ্ছিক অ্যাট্রিবিউট। |
name |
ড্রপ-ডাউন তালিকার নাম। PHP-তে ইনপুট ফিল্ডের ডেটা পাওয়ার জন্য প্রয়োজন। ফর্মের সঠিক কাজের জন্য, ইনপুট ফিল্ডের নামগুলি একে অপরের সাথে মিলে যাওয়া উচিত নয় (একটি ফর্মে)। যদি সেগুলি মেলে - PHP-তে সেই ইনপুট ফিল্ডের ডেটা আসবে যেটি HTML কোডে নীচে রয়েছে। |
উদাহরণ
আসুন দেখি কিভাবে একটি ড্রপ-ডাউন তালিকা কাজ করে:
<select>
<option>City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
উদাহরণ
আসুন ড্রপ-ডাউন তালিকার প্রস্থটি
সবচেয়ে বড় উপাদানের প্রস্থের সমান করি (যদি
এটি সিএসএস প্রপার্টি
width দিয়ে স্পষ্টভাবে নির্দিষ্ট করা না থাকে):
<select>
<option>Big City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
উদাহরণ . ডিফল্ট নির্বাচন
এবং এখন আসুন ডিফল্টভাবে একটি শহর নির্বাচন করার চেষ্টা করি।
এটি selected অ্যাট্রিবিউট ব্যবহার করে করি:
<select>
<option>Big City1</option>
<option selected>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
উদাহরণ . মাল্টিসেলেক্ট
এখন আসুন multiple অ্যাট্রিবিউট ব্যবহার করে একটি সাধারণ সেলেক্টকে
মাল্টিসেলেক্টে রূপান্তরিত করি:
<select multiple name="city[]">
<option>City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
দয়া করে লক্ষ্য করুন যে, name অ্যাট্রিবিউটে নির্দিষ্ট সেলেক্টের নাম,
এর শেষে বর্গাকার বন্ধনী সহ হতে হবে। এটি প্রয়োজন যাতে PHP-তে
সমস্ত নির্বাচিত মান আসে (অন্যথায় শুধুমাত্র একটি মান আসবে - শেষটি)।
উদাহরণ . মাল্টিসেলেক্টে একাধিক ডিফল্ট মান
এবং এখন, ডিফল্ট মাল্টিসেলেক্টে, আসুন একটির বেশি মান নির্বাচন করার চেষ্টা করি:
<select multiple name="city[]">
<option>City1</option>
<option selected>City2</option>
<option>City3</option>
<option selected>City4</option>
</select>
:
