BS5 tanlash menyulari
Tanlash menyusi (select)
Tanlash menyulari foydalanuvchiga bir nechta variantdan tanlash imkonini berish kerak bo‘lganda ishlatiladi.
Bootstrap 5’da tanlash menyusini bezash uchun <select> elementiga .form-select klassini qo‘shing:
Misol
<select class="form-select">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
O‘zingiz sinab ko‘ring »
Tanlash menyusi o‘lchami
Tanlash menyusi o‘lchamini o‘zgartirish uchun .form-select-lg yoki .form-select-sm klassidan foydalaning:
Misol
<select class="form-select form-select-lg">
<select class="form-select">
<select class="form-select form-select-sm">
O‘zingiz sinab ko‘ring »
Nofaol tanlash menyusi
Tanlash menyusini nofaol qilish uchun disabled atributidan foydalaning:
Misol
<select class="form-select" disabled>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
O‘zingiz sinab ko‘ring »
Ma’lumotlar ro‘yxatlari (datalist)
Bootstrap ma’lumotlar ro‘yxatlarini (datalist) ham bezaydi — bu <input> elementi uchun oldindan belgilangan variantlar ro‘yxatidir:
Misol
<label for="browser" class="form-label">Choose your browser from the list:</label>
<input class="form-control" list="browsers" name="browser" id="browser">
<datalist id="browsers">
<option value="Edge">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!