Bootstrap 5 รายการเลือก
- পূর্ববর্তী পৃষ্ঠা বিএস৫ ফর্ম
- পরবর্তী পৃষ্ঠা বিএস৫ চেকবক্স ও রেডিও বটন
সিলেকশন মেনু
সিলেকশন মেনু (একটি নির্বাচন করুন):
মাল্টিসেলেকশন মেনু (কন্ট্রল বা শিফট অথবা মাউস ট্রেক দিয়ে একাধিক বেছে নিতে হবে):
যদি আপনি ব্যবহারকারীদের একাধিক অপশন থেকে নির্বাচন করতে অনুমতি দেবেন, তাহলে সিলেকশন মেনু ব্যবহার করুন।
যদি আপনি বুথটেপ্ট ৫-তে সিলেকশন মেনুর স্টাইল নিশ্চিত করতে চান, তাহলে .form-select ক্লাস যুক্ত করুন <select> এলিমেন্টে:
উদাহরণ
<select class="form-select"> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select>
সিলেকশন মেনুর মাপ
ব্যবহার করুন .form-select-lg বা .form-select-sm সিলেকশন মেনুর মাপ পরিবর্তন করতে ক্লাস যুক্ত করুন:
উদাহরণ
<select class="form-select form-select-lg"> <select class="form-select"> <select class="form-select form-select-sm">
প্রক্রিয়াহীন সিলেকশন মেনু
ব্যবহার করুন disabled প্রক্রিয়াহীন চিহ্নিত সিলেকশন মেনুর সুবিধা:
উদাহরণ
<select class="form-select" disabled> <option>1</option> <option>2</option> <option>3</option> <option>4</option> </select>
ডেটা লিস্ট
বুথটেপ্ট একটি ডেটা লিস্টকে স্টাইল নিশ্চিত করতে পারে, যা ইনপুট এলিমেন্টের প্রদত্ত প্রস্তুত অপশন তালিকা হয়:
আপনার ব্রাউজারকে তালিকা থেকে নির্বাচন করুন：
উদাহরণ
<label for="browser" class="form-label">আপনার ব্রাউজারকে তালিকা থেকে নির্বাচন করুন：</label> <input class="form-control" list="browsers" name="browser" id="browser"> <datalist id="browsers"> <option value="Edge"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist>
- পূর্ববর্তী পৃষ্ঠা বিএস৫ ফর্ম
- পরবর্তী পৃষ্ঠা বিএস৫ চেকবক্স ও রেডিও বটন
