বুটস্ট্রাপ৩ ইনপুট২ (Bootstrap3 Input2)

Static কন্ট্রোল

যদি আপনি static কোন কন্ট্রোল সরাসরি প্রবেশ করাতে চান তাহলে একটি  < p > এলিমেন্টের মধ্যে .form-control-static ক্লাস ব্যবহার করতে পারেনঃ

kt_satt_skill_example_id=1064


 

বুটস্ট্রাপ ফরম কন্ট্রোলের বিভিন্ন অবস্থা

  1. ফোকাস ইনপুট - ফোকাস অবস্থায় ইনপুটের আউটলাইন বাদ হয়ে যায় এবং তার পরিবর্তে স্যাডো বক্স ব্যবহৃত হয়।
  2. ডিসেবল(disabled) ইনপুট - একটি ইনপুট ফিল্ডকে disabled করার জন্য ঐ ইনপুট ফিল্ডে disabled এট্রিবিউট ব্যবহার করুন।
  3. ডিসেবল ফিল্ডসেট(FIELDSET) - একটি ফিল্ডসেটের সকল ইনপুট disabled করার জন্য ঐ ফিল্ডসেটে disabled এট্রিবিউট ব্যবহার করুন।
  4. শুধুমাত্র পঠনযোগ্য ইনপুট - একটি ইনপুটকে ইউজারের নিকট শুধুমাত্র পঠনযোগ্য করে উপস্থাপনের জন্য ঐ ইনপুট ফিল্ডে readonly এট্রিবিউট ব্যবহার করুন। এই ধরনের ইনপুট ইউজার পরিবর্তন/এডিট করতে পারেনা।
  5. ভ্যালিডেশন অবস্থা(STATES) - বুটস্ট্রাপে ভূল, সতর্কতা এবং সফলতা বার্তার জন্য ভ্যালিডেশন স্টাইল রয়েছে। বুটস্ট্রাপের এই ভ্যালিডেশন স্টাইল ব্যবহার করার জন্য পেরেন্ট এলিমেন্টে .has-warning, .has-error অথবা .has-success ক্লাস যুক্ত করুন।
  6. আইকন - আপনি .has-feedback ক্লাস এবং একটি আইকনের সাহায্যে ফিডব্যাক যুক্ত করতে পারেন।
  7. অদৃশ্যমান লেভেল - লেভেল অদৃশ্যমান অবস্থায় রাখার জন্য লেভেলে .sr-only ক্লাস যুক্ত করুন।

নিম্নলিখিত উদাহরণে একটি আনুভূমিক(Horizontal) ফরমে কিছু ফরম কন্ট্রোলের বিভিন্ন অবস্থা দেখানো হলোঃ

kt_satt_skill_example_id=1066


এবং এখানে ইনলাইন ফরম স্টাইলে কিছু ফরম কন্ট্রোলের বিভিন্ন ভ্যালিডেশন স্টেট দেখানো হলোঃ

kt_satt_skill_example_id=1069

 

Content added || updated By

আরও দেখুন...

Promotion