ستغطي هذه الكتابة المواضيع التالية:
- كيفية تعطيل حقل إدخال النص؟
- كيف يمكن تعطيل خيار Select Box؟
- كيفية تعطيل عنصر الإدخال في مربع الاختيار؟
- كيفية تعطيل عنصر إدخال الزر؟
المتطلب السابق: إنشاء نموذج
أولاً ، أنشئ نموذجًا باستخدام HTML ' ' جزء:
< شكل > < / شكل >
ثم أضف ' 'وتخصيص فئة له' العمود 12 '. ضمن عنصر
< مجموعة الحقول صف دراسي = 'col-md-12' >
< عنوان تفسيري > استمارة تسجيل الطلاب < / عنوان تفسيري >
< / مجموعة الحقول >
انتاج |
كيفية تعطيل حقل إدخال النص؟
للمثال المستمر ، اتبع التعليمات المقدمة:
- داخل “ '، بعد عنصر وسيلة الإيضاح ، أضف علامة وعيّن له فئة' يشكل مجموعه '.
- ثم قم بتضمين ' <التسمية> ' و ' <إدخال> 'لحقول التسمية التوضيحية والإدخال ، على التوالي. تعيين عنصر الإدخال فئة ' شكل السيطرة '.
- بعد ذلك ، خصص ' معاق 'لتعطيل حقل الإدخال:
< شعبة صف دراسي = 'يشكل مجموعه' >
< ضع الكلمة المناسبة > أدخل ملف اسم
< إدخال يكتب = 'نص' صف دراسي = 'شكل التحكم' معطل>
< / ضع الكلمة المناسبة >
< / شعبة >فيما يلي شرح الفئات المذكورة أعلاه:
- ' يشكل مجموعه 'هي فئة مرنة توفر أبسط طريقة لتضمين البنية في النماذج.
- ' شكل السيطرة 'يضيف التصميم تلقائيًا إلى عناصر النموذج.
انتاج |
أضف حقل إدخال آخر بدون ' معاق ' ينسب:
< شعبة صف دراسي = 'يشكل مجموعه' >
< ضع الكلمة المناسبة > أدخل والدك اسم
< إدخال يكتب = 'نص' صف دراسي = 'شكل التحكم' >
< / ضع الكلمة المناسبة >
< / شعبة >يمكن ملاحظة أنه تم تعطيل حقل الإدخال الأول وتم تمكين الحقل الثاني:
كيف يمكن تعطيل خيار Select Box؟
لإنشاء مربع تحديد في النموذج ، استخدم HTML ' <اختر> ' جزء. ال ' <خيار> 'ثم يتم إضافة العناصر لتحديد عناصر الصندوق.
في هذا المثال ، لاحظ أنه تم تعيين الخيار الثاني على أنه معطل باستخدام ' معاق ' ينسب:
< شعبة صف دراسي = 'يشكل مجموعه ' >
< ضع الكلمة المناسبة > معاق حدد Box
< تحديد صف دراسي = 'شكل التحكم' >
< اختيار > حدد < / اختيار >
< اختيار معطل> معاق حدد < / اختيار >
< اختيار > القائمة / اختيار >
< / تحديد >
< / ضع الكلمة المناسبة >
< / شعبة >انتاج |
كيفية تعطيل عنصر الإدخال في مربع الاختيار؟
لنقم بإنشاء مربع اختيار آخر للتحكم في النموذج. لتعطيل مربع الاختيار ، فإن الخيار ' معاق 'على النحو التالي:
< شعبة صف دراسي = 'التحقق من النموذج' >
< ضع الكلمة المناسبة صف دراسي = 'تسمية التحقق من النموذج' >
< إدخال صف دراسي = 'إدخال التحقق من النموذج' يكتب = 'مربع الاختيار' معطل>
تستطيع ر تحقق هذا
انتاج |
كيفية تعطيل عنصر إدخال الزر؟
يمكنك أيضًا إضافة عنصر زر HTML لإرسال النموذج. الآن ، لنجعل هذا الزر معطلاً عن طريق استخدام ' معاق ' صف دراسي:
< زر يكتب = 'إرسال' صف دراسي = 'تم تعطيل btn-basic btn-lg' > إرسال < / زر >انتاج |
كان هذا كله يتعلق بتعطيل حقول الإدخال في Bootstrap.
استنتاج
في Bootstrap ، يمكن تعطيل عناصر التحكم في النموذج باستخدام ' معاق ”أو فئة. يتم وضع السمة داخل علامة البداية للعنصر. من ناحية أخرى ، فإن ' معاق 'يتم وضع الفئة ضمن' صف دراسي ' ينسب. قدمت هذه المقالة أمثلة لتوضيح كيفية تعطيل عناصر تحكم النماذج في Bootstrap.