Bootstrap 5 Checkbox komponenti

Bootstrap 5 Checkbox komponenti
Eng so'nggi Bootstrap 5-da yaratilgan tasdiqlash qutisi komponenti. Belgilash qutisi tegishli elementlar ro'yxatida bir yoki bir nechta variantni tanlash uchun ishlatiladi.
Belgilash katakchasi opsiyani yoqish yoki o'chirish uchun ham ishlatilishi mumkin. Agar sizda bitta variant bo'lsa, belgilash katagidan qoching va o'rniga yoqish/o'chirish tugmasidan foydalaning.
Asosiy misollar
Brauzerning birlamchi belgilash kataklari va radiolari yordamida .form-checkhar ikkala kiritish turi uchun bir qator sinflar almashtiriladi, bu ularning HTML elementlarining joylashuvi va xatti-harakatlarini yaxshilaydi, bu ko'proq moslashtirish va o'zaro brauzer izchilligini ta'minlaydi.
Strukturaviy jihatdan bizning s va s lar ichidagi a dan farqli ravishda qardosh elementlardir . Bu biroz batafsilroq, chunki va bilan bog'lanish uchun id va atributlarni ko'rsatishingiz kerak .
Biz yoki kabi ~barcha holatlarimiz uchun aka-uka selektoridan ( ) foydalanamiz . Sinf bilan birlashganda , biz har bir element uchun matnni holatiga qarab osongina uslublashimiz mumkin .:checked:disabled.form-check-label
Birlamchi belgilash katakchasi
Belgilangan katakcha

Default checkbox

Checked checkbox

Nusxalash
O'chirilgan
Atributni qo'shing disabledva tegishli s avtomatik tarzda ochilgan rangga mos keladigan tarzda kiritiladi va kirish holatini ko'rsatishga yordam beradi.
Belgilash katakchasi o'chirilgan
Belgilangan katakcha o'chirildi

Disabled checkbox

Disabled checked checkbox

Nusxalash
Noaniq
:indeterminateBelgilash katakchalari JavaScript orqali qo'lda o'rnatilganda psevdo sinfdan foydalanishi mumkin .
Noaniq belgilash katakchasi

Indeterminate checkbox

Nusxalash