Html shakllari bu veb-saytga tashrif buyuruvchilardan ma'lumot to'plash uchun foydalaniladigan boshqarish vositalari. Veb-shakllar bosilishi mumkin bo'lgan matn qutilari, tugmalar
Download 436.88 Kb. Pdf ko'rish
|
HTML5 shakllari takomillashtirilgan xususiyatlar, yangi maydon turlari
|
Oddiy iboradan foydalanib , ma'lum bir sohada ruxsat berilishi kerak bo'lgan ma'lumotlar sintaksisini aniqlashga imkon
beradi . Masalan, pattern="[a-z]{3}-[0-9]{3}" pattern="[a-z]{3}-[0-9]{3}" - kvadrat qavslar haqiqiy belgilar oralig'ini belgilaydi, bu holda - har qanday kichik harflar, jingalak qavslar soni uchta kichik harflar kerakligini, keyin esa tire va keyin 0 dan 9 gacha bo'lgan uchta raqam kerakligini bildiradi. placeholder placeholder To'ldirishdan oldin kirish maydonida ko'rsatiladigan matnni o'z ichiga oladi (ko'pincha bu ko'rsatma). readonly readonly Matnni tanlash va nusxalash imkoni mavjud bo'lganda, foydalanuvchi shakl elementlarining qiymatlarini o'zgartirishga imkon bermaydi. Atribut qiymatisiz ko'rsatilgan. required required Ushbu maydon talab qilinadigan xabarni ko'rsatadi. Agar foydalanuvchi ushbu maydonga kerakli qiymatni kiritmasdan shaklni topshirishga harakat qilsa, ogohlantirish xabari ko'rsatiladi. Atribut qiymatisiz ko'rsatilgan. size size Belgilar bilan chegaraning aniq kengligini belgilaydi. Standart qiymati - konlarini quyidagi turlari bilan ishlaydi 20.: text text , search search , tel tel , url url , va password password . src src Ko'rsatuvchi url url tasvir shakli ma'lumotlarni taqdim qilish uchun tugma sifatida foydalanish uchun. Faqat maydon uchun ko'rsatilgan . step step Raqamli kiritishni talab qiladigan elementlar uchun ishlatiladi, diapazoni sozlash paytida (qadam) qiymatlarni oshirish yoki kamaytirish miqdorini bildiradi. type type button button - tugmachani yaratadi. Tugma checkbox checkbox - kirish maydonini, masalan, tekshirilishi yoki tozalanishi mumkin bo'lgan katakchaga aylantiradi Mening mashinam bor color color - foydalanuvchilarga o'n oltilik formatda rang qiymatlarini tanlash imkoniyatini berib, qo'llab-quvvatlanadigan brauzerlarda rang tanlovchilarni yaratadi. date date - sana dd.mm.yyyy formatida kiritishga imkon beradi. 19.08.2020 HTML5 shakllari: takomillashtirilgan xususiyatlar, yangi maydon turlari va sifatlari https://html5book.ru/html5-forms/ 10/17 Tug'ilgan kun: дд.мм.гггг datetime-local datetime-local - sana va vaqtni katta harf bilan ajratilgan sana va vaqtni kiritishga imkon beradi Т Т . Tug'ilgan kun - kun va vaqt: дд.мм.гггг --:-- - bu xususiyatni qo'llab-quvvatlaydigan brauzerlar foydalanuvchidan elektron pochta manzillarining sintaksisiga mos keladigan ma'lumotlarni kiritishini kutishadi. Elektron pochta manzili: file file - fayllarni foydalanuvchining kompyuteridan yuklashga imkon beradi. Faylni tanlang: Файл не выбран Выберите файл hidden hidden - brauzer tomonidan ko'rinmaydigan boshqaruvni yashiradi va foydalanuvchining standart qiymatlarini o'zgartirishiga yo'l qo'ymaydi. image image - tugmadagi matn o'rniga rasmni kiritishga imkon beruvchi tugma hosil qiladi. month month - foydalanuvchiga yyyy-mm naqsh yordamida yil va oy raqamini kiritishga imkon beradi. -------- ---- number number - butun sonlarni kiritish uchun mo'ljallangan. Uning sifatlari min min , max max va step step o'z navbatida, yuqori, pastki chegaralarini va qadriyatlar o'rtasidagi qadam belgilangan. Bu atributlar raqamli qiymatga ega bo'lgan barcha elementlar uchun qabul qilinadi. Ularning standart qiymatlari element turiga bog'liq. Miqdorini ko'rsating (1 dan 5 gacha): password password - shaklda matn maydonlarini yaratadi, bunda foydalanuvchi kiritgan belgilar brauzer tomonidan o'rnatilgan yulduzcha, o'q yoki boshqa belgilar bilan almashtiriladi. Parolni kiriting: radio radio - kalitni yaratadi - uni yoqish yoki o'chirish mumkin bo'lgan kichik doira shaklida boshqaruv. Vegeterian: range range - slayder, min / max kabi interfeys elementini yaratishga imkon beradi - tanlov oralig'ini belgilashga imkon beradi reset reset - foydalanuvchi kiritgan ma'lumotlardan forma maydonlarini tozalaydigan tugma yaratadi. Сбросить 19.08.2020 HTML5 shakllari: takomillashtirilgan xususiyatlar, yangi maydon turlari va sifatlari https://html5book.ru/html5-forms/ 11/17 search search - qidirish maydonini bildiradi, odatda, kirish maydoni to'rtburchaklardir. Qidirmoq: submit submit - standart bosiladigan tugmachani yaratadi. Tugma shakldan ma'lumot to'playdi va uni qayta ishlashga yuboradi. Xabar yuboring text text - Matnni kiritish uchun bitta qatorli matn oynasini chiqarish orqali formada matn oynalarini hosil qiladi. time time - hh: mm shablonini ishlatib, 24 soatlik formatda vaqtni kiritish imkonini beradi. Qo'llab-quvvatlaydigan brauzerlarda u sichqonchani bosish bilan raqamli kiritish nazorati sifatida ko'rinadi va faqat vaqt qiymatlarini qabul qiladi. Vaqtni belgilang: --:-- url url - maydon URL manzillarini aniqlash uchun mo'ljallangan. Bosh sahifa: week week - mos keladigan ko'rsatkich vositasi foydalanuvchiga yilning bir haftasini tanlashga imkon beradi, shundan so'ng u nn-yyyy formatida ma'lumotlarni kiritishni ta'minlaydi. Yilga qarab, haftalar soni 52 yoki 53 bo'lishi mumkin . Haftani belgilang: Неделя --, ---- value value Tugmada, oynada yoki bog'langan matnda ko'rsatilgan matnni bildiradi. Turli fayl maydonlarida ko'rsatilmagan. width width Atribut qiymati piksel sonini o'z ichiga oladi. Forma maydonlarining kengligini belgilashga imkon beradi. 4. Matn kiritish maydonchalari Element o'rniga katta matn oynalarini yaratish kerak bo'lganda element ishlatiladi . Dastlabki qiymat sifatida ko'rsatilgan matn teg ichiga joylashtirilgan. Maydonning o'lchamlari atributlar cols cols - gorizontal rows rows o'lchovlar , - vertikal o'lchovlar yordamida o'rnatiladi . Maydon balandligini mulk bilan belgilash mumkin height height . Barcha o'lchamlar bitta bitta shrift belgilariga qarab hisoblanadi. 19.08.2020 HTML5 shakllari: takomillashtirilgan xususiyatlar, yangi maydon turlari va sifatlari https://html5book.ru/html5-forms/ 12/17 4-JADVAL. Download 436.88 Kb. Do'stlaringiz bilan baham: 
|