تعدد الحقول والإضافات بالمجموعة | مجموعات الإدخال في بوتستراب 5

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

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

لا تقتصر مجموعة الإدخال على بادئة واحدة وحقل واحد؛ بل يمكنك ربط حقلَي .form-control متتاليين داخل نفس .input-group (مثل الاسم الأول واسم العائلة بجانب بادئة واحدة)، أو وضع أكثر من عنصر .input-group-text قبل الحقل أو بعده (مثل رمز العملة $ وكسور السنت 0.00).

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

HTML

<div class="input-group mb-3">
  <div class="input-group-text">
    <input class="form-check-input mt-0" type="checkbox">
  </div>
  <input type="text" class="form-control" value="8080">
</div>
<div class="input-group">
  <span class="input-group-text">Name</span>
  <input class="form-control" placeholder="First">
</div>

جرّب بنفسك

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

Multiple Inputs and Addons تعدد الحقول والإضافات بالمجموعة

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

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