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

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

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

عندما تود السماح للمستخدم بتحديد أكثر من خيار واحد معاً (كاختيار عدة مهارات أو صلاحيات)، أضف السمة المنطقية multiple إلى وسم <select class="form-select">. يتعرف بوتستراب تلقائياً على وجود السمة multiple أو السمة size (عندما تكون قيمتها أكبر من 1)، فيخفي أيقونة السهم المنسدل ويحول القائمة إلى صندوق تمرير مفتوح يعرض عدة خيارات دفعة واحدة.

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

HTML

<label for="sk" class="form-label">Tech Stack</label>
<select class="form-select mb-3" id="sk" multiple>
  <option value="html" selected>HTML5</option>
  <option value="bs5">Bootstrap 5</option>
</select>
<select class="form-select" size="3" aria-label="List">
  <option selected>Starter Tier</option>
  <option>Pro Tier</option>
</select>

جرّب بنفسك

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

Multiple and Sized Selects الاختيار المتعدد والصفوف المرئية

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

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