সাপোর্টযোগ্য ফরম কন্ট্রোলসমূহ

বুটস্ট্রাপে নিম্নলিখিত ফরম কন্ট্রোলসমূহ সাপোর্ট করেঃ

1. input
2. textarea
3. checkbox
4. radio
5. select

বুটস্ট্রাপ ইনপুট

বুটস্ট্রাপে এইচটিএমএল(৫) এর সকল ইনপুট টাইপ সাপোর্ট করে: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, এবং color

নোটঃ যদি টাইপ সঠিকভাবে ডিক্লেয়ার করা না হয় তাহলে ইনপুটগুলো যথাযথভাবে স্টাইল হবে না!

নিচের উদাহরণে দুটি ইনপুট এলিমেন্ট রয়েছে; একটি টেক্সট এবং অন্যটি পাসওয়ার্ড টাইপের:

kt_satt_skill_example_id=1039

বুটস্ট্রাপ টেক্সটএরিয়া

নিচে একটি টেক্সটএরিয়ার উদাহরণ দেখানো হলোঃ

kt_satt_skill_example_id=1044

বুটস্ট্রাপ চেকবক্স

ইউজারের নিকট থেকে পূর্বনির্ধারিত অপশন লিস্ট থেকে একটি সংখ্যক অপশন সিলেক্ট করিয়ে নেয়ার ক্ষেত্রে চেকবক্স ব্যবহার করা হয়।

নিম্নলিখিত উদাহরণে তিনটি চেকবক্স দেখানো হলো। শেষের চেকবক্সটি disabled করে রাখা হয়েছেঃ

kt_satt_skill_example_id=1056

যদি আপনি চেকবক্সগুলোকে একই লাইনে রাখতে চান তাহলে .checkbox-inline ক্লাস ব্যবহার করুনঃ

kt_satt_skill_example_id=1057

বুটস্ট্রাপ রেডিও বাটন

পূর্বনির্ধারিত অপশন লিস্ট থেকে ইউজারকে শুধুমাত্র একটি অপশন সিলেক্ট করার ক্ষমতা প্রদানের ক্ষেত্রে রেডিও বাটন ব্যবহার করা হয়। এক্ষেত্রে ইউজারের ক্ষমতা সীমিত করে দেয়া হয়।

নিম্নলিখিত উদাহরণে তিনটি রেডিও বাটন রয়েছে। শেষের অপশনটি disable করে রাখা হয়েছেঃ

kt_satt_skill_example_id=1058

যদি রেডিও বাটনগুলোকে একই লাইনে পেতে চান তাহলে .radio-inline ক্লাস ব্যবহার করুনঃ

kt_satt_skill_example_id=1059

বুটস্ট্রাপ সিলেক্ট লিস্ট

ইউজারকে একাধিক অপশন সিলেক্ট করার সুযোগ দেয়ার ক্ষেত্রে সিলেক্ট লিস্ট ব্যবহার করা হয়।

নিম্নলিখিত উদাহরণে একটি ড্রপডাউন লিস্ট দেখানো হলো(সিলেক্ট লিস্ট):

kt_satt_skill_example_id=1060