انتقل إلى محتوى الدرس

File Upload Form Controls تنسيق حقول رفع الملفات

تعلّم بناء حقول النماذج الحديثة في بوتستراب 5 بربط التسميات وحقول الإدخال ونصوص الإرشاد المساعدة، وضبط الأحجام وحالات التعطيل وحقول رفع الملفات ومنتقي الألوان.
3 صفوف تعليمية
بوتستراب 5
1 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

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

جرّب جميع أنماط الحقول الأساسية والملفات في المختبر الحي التالي:

الصف 2 معاينة حية
الصف 3 ملاحظة هامة