تعلّم بناء حقول النماذج الحديثة في بوتستراب 5 بربط التسميات وحقول الإدخال ونصوص الإرشاد المساعدة، وضبط الأحجام وحالات التعطيل وحقول رفع الملفات ومنتقي الألوان.
3 صفوف تعليمية
بوتستراب 5
1 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
في الإصدارات السابقة من بوتستراب كان تنسيق حقل رفع الملفات يتطلب تراكيب معقدة وكود جافاسكريبت لإظهار اسم الملف المختار. أما في Bootstrap 5 فقد أصبح العنصر القياسي <input class="form-control" type="file"> منسقاً بالكامل عبر المحدد الحديث ::file-selector-button دون أي عناصر إضافية، ويدعم الاختيار المتعدد بسمة multiple والأحجام lg وsm وحالة التعطيل بسلاسة تامة.
جرّب جميع أنماط الحقول الأساسية والملفات في المختبر الحي التالي:
الصف 2
معاينة حية
الصف 3
ملاحظة هامة
جميع فقرات هذا الدرس (حقول الإدخال الأساسية في بوتستراب 5)