شرح صفوف ومحتوى الفقرة
لكي تعمل التسمية العائمة دون أخطاء، يجب الالتزام بشرطين تقنيين صارمين لا يقبلان التنازل:
- أولاً — الحقل قبل التسمية: يجب كتابة عنصر
<input class="form-control">أولاً داخل.form-floating، ثم كتابة<label>بعده مباشرة (عكس النماذج التقليدية)، لأن CSS لا تستطيع استهداف عنصر سابق عبر محدد الأخ~. - ثانياً — وجود سمة placeholder غير فارغة: يجب إضافة سمة
placeholder="..."على كل حقل نصي، فلو حُذفت هذه السمة ستبقى التسمية عالقة في المنتصف فوق كتابة المستخدم!