|
Bootstrap Formalariga kirish
|
| Sana | 15.05.2024 | | Hajmi | 5,31 Mb. | | #233995 |
Bog'liq Untitled (5)
Bootstrap Formalariga kirish
Bootstrap kuchli va moslashuvchan shakl tizimini taqdim etadi, bu esa sezgir, mobil qurilmalarga mos shakllarni yaratishni osonlashtiradi. Ushbu taqdimotda biz asosiy komponentlar va Bootstrap shakllari bilan ishlash bo'yicha eng yaxshi amaliyotlarni o'rganamiz.
Form Strakturasi va Markup
Forma asoslari
Bootstrap shakllari
elementi bilan boshlanadi va kirishlar, matn maydonlari va tanlash kabi standart HTML forma boshqaruvlaridan foydalanadi.
Sinf nomlari
Shakllaringizni uslublash va tuzish uchun Bootstrap-ning forma-nazorat va forma-guruh kabi forma bilan bog'liq sinflarini qo'llang.
Javob beruvchi tartib
Ko'p ustunli shakl sxemalarini yaratish uchun Bootstrap grid tizimidan foydalaning.
Forma boshqaruvlari: kiritishlar, matn maydonlari, tanlashlar
1
Kirishlar
Bootstrap uslublari standart HTML elementlarini forma-nazorat sinfiga ega.
2
Matnli hududlar
Ko'p qatorli matn kiritish uchun dan foydalaning, shuningdek, forma boshqaruvi bilan.
3
Tanlaydi
elementi va forma-nazorat sinfi bilan ochiladigan menyularni yarating.
Shaklni o'lcham va uslubni boshqarish
Hajmi
Shakl boshqaruv elementlari hajmini sozlash uchun form-control-sm va form-control-lg kabi sinflardan foydalaning.
Styling
Bootstrap-ning forma bilan bog'liq yordamchi dasturlari sinflarini shaklni tekshirish va shaklni almashtirish kabi uslublar boshqaruviga qo'llang.
Nogironlik holati
Shakl boshqaruvi elementlari bilan o‘zaro aloqada bo‘lmasligini ko‘rsatish uchun ularga disabled atributini qo‘shing.
Shaklni tasdiqlash
1
Mijoz tomonidan tekshirish
Mijoz tomonidagi shakl maydonlarini tekshirish uchun HTML5 tasdiqlash atributlaridan foydalaning, masalan, talab, naqsh va tur.
2
Server tomonida tekshirish
Ma'lumotlar yaxlitligi va xavfsizligini ta'minlash uchun qo'shimcha server tomonidan tekshirishni amalga oshiring.
3
Tasdiqlash uslubi
Bootstrap tasdiqlash holatiga asoslangan shakl boshqaruvlarini uslublash uchun is-valid va is-invalid kabi tekshirish sinflarini taqdim etadi.
Horizontal Formalar
Layout
Gorizontal shakl tartibini yaratish uchun satr va col-* sinflaridan foydalaning.
Labels
Shakl teglarini tegishli shakl boshqaruv elementlari bilan tekislash uchun col-form-label ustunlariga joylashtiring.
Responsiveness
Ta'sirchan gorizontal shakl yaratish uchun turli ekran o'lchamlari uchun ustunlar kengligini sozlang.
Inline Formalar
Username
Inline shaklda boshqaruv elementlarini shakllantirish uchun form-control-sm sinfini qo'shing.
Password
Shakl boshqaruv elementlarini gorizontal ravishda tekislash uchun d-flex konteyneriga o'rang.
Submit
Yuborish tugmachasini ichki shaklda kichikroq qilish uchun btn-sm sinfidan foydalaning.
Xulosa va manbalar
Asosiy xulosalar
Bootstrap sezgir, mobil qurilmalarga mos shakllarni yaratish uchun shakllar bilan bog'liq sinflarning keng qamrovli to'plamini taqdim etadi.
Resurslar
Batafsil ma'lumot va misollar uchun Bootstrap hujjatlariga qarang.
Keyingi qadamlar
Bootstrap shakllari bilan malakali bo'lish uchun turli shakl maketlari va xususiyatlarini amalga oshirishni mashq qiling.
|
| |
