Termiz Davlat Unversiteti Axborot Texnalogiyalari Fakulteti

Termiz Davlat Unversiteti
Axborot Texnalogiyalari Fakulteti
3-kurs (sirtqi) 220-guruh talabasi
Hamrayeva Maxfiratning Bootstrap
fanidan tayyorlagan

Mustaqil ishi

2022-2023-o’quv yili

Mavzu: Bootstrap Forms

Reja:

1. Forms

2. Overview

3. Form controls

Forms-Shakllar

Shakllarni boshqarish uslublari, tartib variantlari va turli xil shakllarni yaratish uchun moslashtirilgan komponentlar uchun misollar va foydalanish ko'rsatmalari.

Overview-Umumiy koʻrinish

Bootstrap forma boshqaruvlari sinflar bilan qayta yuklangan shakl uslublarimizda kengaytiriladi . Brauzerlar va qurilmalarda yanada izchil renderlash uchun moslashtirilgan displeylarga kirish uchun ushbu sinflardan foydalaning.
E-pochtani tekshirish, raqam tanlash va boshqalar kabi yangi kiritish elementlaridan foydalanish uchun typebarcha kiritishlarda (masalan, emailelektron pochta manzili yoki raqamli maʼlumot uchun) tegishli atributdan foydalanganingizga ishonch hosil qiling .number
Bootstrap forma uslublarini namoyish qilish uchun qisqa misol. Kerakli sinflar, shakl tartibi va boshqalar bo'yicha hujjatlarni o'qishni davom eting.

Email address

We'll never share your email with anyone else.

Password

Check me out

Submit

Form controls-Shakl boshqaruvlari

s, s va s kabi matnli shakl boshqaruvlari sinf bilan uslublanadi .form-control. Umumiy koʻrinish, <a href="/fokuslashgan-intervyu-va-fokus-guruh-reja.html">fokus holati</a>, oʻlcham va boshqalar uchun uslublar kiritilgan. <br />Keyingi uslublar uchun maxsus shakllarimizni o'rganishni unutmang <select>. <br /> <br /><form> <br /><div class="form-group"> <br /><label for="exampleFormControlInput1">Email address</label> <br /><input type="email" class="form-control" id="exampleFormControlInput1" placeholder="[e-mail]"> <br /></div> <br /><div class="form-group"> <br /><label for="exampleFormControlSelect1">Example select</label> <br /><select class="form-control" id="exampleFormControlSelect1"> <br /><option>1</option> <br /><option>2</option> <br /><option>3</option> <br /><option>4</option> <br /><option>5</option> <br /></select> <br /></div> <br /><div class="form-group"> <br /><label for="exampleFormControlSelect2">Example <a href="/reading-comprehension--multiple-choice-steps-to-answering-mult.html">multiple select</a></label> <br /><select multiple class="form-control" id="exampleFormControlSelect2"> <br /><option>1</option> <br /><option>2</option> <br /><option>3</option> <br /><option>4</option> <br /><option>5</option> <br /></select> <br /></div> <br /><div class="form-group"> <br /><label for="exampleFormControlTextarea1">Example textarea</label> <br /><textarea class="form-control" id="exampleFormControlTextarea1" rows="3">



Fayl kiritish uchun ni .form-controlalmashtiring .form-control-file.

Example file input

Readonly-Faqat o'qish

readonlyKirish qiymatini o'zgartirishning oldini olish uchun kirishga mantiqiy atributni qo'shing . Faqat o'qish uchun kirishlar engilroq ko'rinadi (xuddi o'chirilgan kirishlar kabi), lekin standart kursorni saqlab qoladi.

Readonly plain text - Faqat o'qish uchun oddiy matn

Agar siz formangizda oddiy matn sifatida yaratilgan elementlarga ega bo'lishni istasangiz , .form-control-plaintextstandart shakl maydoni uslubini olib tashlash va to'g'ri chekka va to'ldirishni saqlash uchun sinfdan foydalaning.

Email

Password