التسميات العائمة لمربعات النص | التسميات العائمة في بوتستراب 5

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

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

عند استخدام مربع نص متعدد الأسطر <textarea class="form-control"> داخل .form-floating، فإن ارتفاعه الافتراضي سيعادل ارتفاع سطر واحد فقط. لا تعتمد هنا على السمة التقليدية rows="4" لأن قواعد الارتفاع الثابت في الحاوية العائمة تتجاوزها؛ بل حدد ارتفاعاً صريحاً عبر CSS (مثل style="height: 110px").

الصف 2 كود برمجي

HTML

<div class="form-floating">
  <textarea class="form-control" id="flMsg"
            placeholder="Leave a comment"
            style="height: 110px"></textarea>
  <label for="flMsg">Incident Summary</label>
</div>

جرّب بنفسك

الصف 3 ملاحظة هامة

Floating Textarea Fields التسميات العائمة لمربعات النص

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

جميع فقرات هذا الدرس (التسميات العائمة في بوتستراب 5)