صمّم التسميات العائمة الأنيقة بلغة CSS في بوتستراب 5 عبر كلاس form-floating، وتطبيق قاعدة ترتيب الحقل قبل التسمية، وتنسيق مربعات النص والقوائم والشبكة.
3 صفوف تعليمية
بوتستراب 5
0 مشاهدة
شرح صفوف ومحتوى الفقرة
الصف 1
شرح توضيحي
يدعم .form-floating أيضاً قوائم الاختيار المنسدلة عبر وضع <select class="form-select"> متبوعاً بعنصر <label> (ودون الحاجة لسمة placeholder هنا). وبما أن عنصر <select> يعرض دائماً نص الخيار المحدد حالياً، تظل التسمية مستقرة في وضعها العلوي المصغر منذ اللحظة الأولى. تذكّر أن القوائم العائمة تدعم القوائم المنسدلة المفردة فقط ولا تعمل مع سمتَي multiple أو size.
