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

Form Helper Text Hints نصوص الإرشاد المساعدة للحقول

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

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

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

كثيراً ما يحتاج المستخدم إلى معرفة شروط كلمة المرور أو صيغة الإدخال المطلوبة قبل البدء بالكتابة بدلاً من مفاجأته برسالة خطأ بعد الإرسال. يخصص بوتستراب لهذا الغرض الكلاس .form-text الذي ينسق النص الإرشادي أسفل الحقل بحجم خط مدمج 0.875em ولون ثانوي مريح للعين.

لضمان إمكانية الوصول الكاملة، امنح عنصر .form-text معرّفاً فريداً id، ثم أشر إليه داخل الحقل عبر السمة aria-describedby حتى يقرأ قارئ الشاشة التسمية متبوعةً بالتعليمات المساعدة تلقائياً.

الصف 2 صورة توضيحية
مخطط يوضح الطبقات الثلاث لحقل النموذج الحديث في بوتستراب 5 من حاوية mb-3 والتسمية والحقل حتى نص الإرشاد
الصف 3 ملاحظة هامة