Maksimal uzunlikni kiritish. Shakl maydonlarini yaratish. Type uchun turli xil qiymatlarga ega bo'lgan Input-da yaratilgan shakllarning namunalari

Teg ko'p qirrali shakl elementlaridan biri bo'lib, turli xil interfeys elementlarini yaratishga va foydalanuvchi bilan o'zaro aloqani ta'minlashga imkon beradi. Asosan matn maydonlarini, turli tugmachalarni, radio tugmachalarini va tasdiqlash qutilarini yaratish uchun mo'ljallangan. Element bo'lsa-da idish ichiga joylashtirilishi shart emas

, bu shaklni belgilaydi, lekin agar foydalanuvchi tomonidan kiritilgan ma'lumotlar serverga yuborilishi kerak bo'lsa, u erda CGI dasturi tomonidan ishlov berilsa, unda FORM ko'rsatilishi kerak. Xuddi shu narsa JavaScript-ni skriptlari kabi mijoz dasturlari yordamida ma'lumotlarni qayta ishlashga tegishli.

Asosiy yorliq parametri elementning turini belgilaydigan - turi. Bu sizga quyidagi shakl elementlarini o'rnatishga imkon beradi: matn maydoni (matn), parol maydoni (parol), radio tugmasi, belgilash katakchasi, yashirin maydon, tugma, forma yuborish tugmasi (yuborish), tugma formani (qayta tiklash), faylni (faylni) yuborish maydonini va rasm (rasm) bilan tugmachani tozalash uchun. Har bir elementda uning turini va xususiyatlarini aniqlaydigan parametrlarning o'ziga xos ro'yxati mavjud.

Sintaksis

Tanlovlar

Teg parametrlarining tavsifi


ALIGN parametri

Tasvir maydonini matn yoki boshqa shakl elementlari bilan qanday qilib tekislashni aniqlaydi.

Sintaksis

Argumentlar

  • pastki- Rasmning pastki chegarasini atrofdagi matn bilan tekislang
  • chap- Rasmni oynaning chap tomoniga tekislaydi
  • o'rta- Tasvirning o'rtasini joriy chiziqning asosiy chizig'iga moslashtirish.
  • to'g'ri- Rasmni oynaning o'ng chetiga tekislaydi.
  • yuqori- Rasmning yuqori chegarasi joriy satrning eng yuqori elementiga to'g'ri keladi.

Odatiy pastki. Brauzerlar argumentlarni ham qo'llab-quvvatlaydi absbottom, jumboq, boshlang'ichva matn ustuniHTML 4.01 spetsifikatsiyasiga kiritilmagan.

ALT parametri

Alt parametri tasvir maydoni uchun muqobil matnni o'rnatadi. Ushbu matn sizga olish imkonini beradi matnli ma'lumot brauzerda rasmlarni yuklash paytida rasm haqida. Rasmlar brauzer ular haqida ma'lumot olgandan keyin yuklanganligi sababli, tasvirni almashtiradigan matn oldinroq paydo bo'ladi. Va allaqachon yuklanganda, matn o'rnini rasm egallaydi. Brauzerlar muqobil matnni rasm ustiga sichqonchani bosib o'tishda paydo bo'ladigan vosita sifatida ko'rsatadilar.

Sintaksis

Qiymat har qanday mos bo'lishi mumkin matn satri... U ikki yoki bitta tirnoq bilan qo'shilishi kerak.

BORDER parametri

Brauzerlar teg orqali qo'shilgan rasmlarni boshqaradi yorliq bilan yaratilgan rasmlar kabi ... Rasm atrofini ham o'z ichiga olgan holda, siz matni rangiga mos keladigan ramka qo'shishingiz mumkin.

Sintaksis

Yaroqli qiymat - bu piksellardagi har qanday musbat butun son. Odatiy qiymati 0.

CHECKED parametri

Ushbu parametr, tasdiqlash katakchasi yoki radio tugmachasi kabi shakl elementi oldindan belgilanganligini aniqlaydi. Radio tugmalaridan foydalanilganda, guruhning faqat bitta elementini tekshirish mumkin, katakchalar uchun kamida barcha elementlarni belgilashga ruxsat beriladi.

Sintaksis


O'chirilgan parametr

Shakl maydoniga kirishni va modifikatsiyani bloklaydi. Bunday holda, u kul rangda ko'rsatiladi va foydalanuvchi tomonidan faollashtirilishi mumkin emas. Bundan tashqari, bunday maydon Tab tugmachasini bosish orqali sichqoncha yordamida yoki boshqa yo'l bilan fokusni qabul qila olmaydi. Biroq, maydonning ushbu holatini skriptlar yordamida o'zgartirish mumkin.

Sintaksis

MAXLENGTH parametri

O'rnatadi maksimal raqam foydalanuvchi tomonidan matn maydoniga kiritilishi mumkin bo'lgan belgilar. Raqamni terish paytida ushbu raqamga erishilganda, boshqa kiritish mumkin emas.

Sintaksis


NAME parametri

Forma elementi uchun noyob nomni belgilaydi. Odatda, bu nom serverga ma'lumotlarni yuborishda yoki kiritilgan maydon ma'lumotlariga skriptlar orqali kirish uchun ishlatiladi.

Sintaksis

Ism raqamlar va harflarni o'z ichiga olgan belgilar to'plamidir. JavaScript katta-kichikligi bilan ajralib turadi, shuning uchun element nomiga murojaat qilishda ism parametri bilan bir xil imlodan foydalaning.

READONLY parametri

Qachon belgilash kerak readonly parametri qo'shiladi, foydalanuvchi tomonidan matn maydonini o'zgartirish mumkin emas, shu jumladan yangi matn kiritish yoki mavjudini o'zgartirish. Bundan tashqari, bunday maydon Tab tugmachasini bosish orqali sichqoncha yordamida yoki boshqa yo'l bilan fokusni qabul qila olmaydi. Biroq, skriptlar yordamida maydonning holati va mazmuni o'zgarishi mumkin.

Sintaksis


SIZE parametri

Monospace shriftidagi belgilar soni bilan belgilanadigan matn maydonining kengligi Boshqacha qilib aytganda, kenglik bir xil gorizontal kenglikdagi qo'shni harflar soniga o'rnatiladi. Agar shrift hajmi uslublar yordamida o'zgartirilsa, kengligi ham shunga qarab o'zgaradi.

Sintaksis

Haqiqiy qiymat har qanday musbat tamsayıdir.

SRC parametri

Manzil grafik faylrasm maydonidagi veb-sahifada ko'rsatilishi kerak.

Sintaksis

Qiymat - bu faylga to'liq yoki nisbiy yo'l.

TYPE parametri

Kerakli tip parametri brauzerga forma elementining qaysi turi ekanligini bildiradi.

Sintaksis

Argumentlar

  • tugmasi- tugma.
  • belgilash katakchasi- Bayroqlar. Tavsiya etilganlardan bir nechta variantni tanlashga imkon beradi.
  • fayl- Serverga yuborilgan fayl nomini kiritish uchun maydon.
  • yashirin- Yashirin maydon. Bu veb-sahifada hech qanday tarzda ko'rsatilmaydi.
  • rasm- Rasm maydoni. Rasmni bosganingizda forma ma'lumotlari serverga yuboriladi.
  • parol- Oddiy matn maydoni, ammo undan farqli o'laroq, barcha belgilar yulduzcha bilan ko'rsatilgan. Hech kim kiritilgan parolni ko'ra olmasligi uchun mo'ljallangan.
  • radio- Kalitlar. Ular bir nechta variantlardan birini tanlash kerak bo'lganda ishlatiladi.
  • qayta o'rnatish- Shakl ma'lumotlarini asl qiymatiga qaytarish tugmasi.
  • topshirish- Shakl ma'lumotlarini serverga yuborish tugmasi.
  • matn- Matn maydoni. Klaviatura yordamida belgilarni kiritish uchun mo'ljallangan.

Sukut bo'yicha matn.

VALUE parametr

Serverga topshirilishi yoki mijoz skriptlari yordamida olinishi kerak bo'lgan ariza elementining qiymatini belgilaydi. Serverga "name \u003d value" juftligi yuboriladi, bu erda nom teg parametrining nomi bilan belgilanadi va qiymat qiymat parametri bilan belgilanadi.

Qiymat parametri element turiga qarab quyidagi rol o'ynaydi:

  • tugmalar uchun (kiritish turi \u003d "tugma | tiklash | yuborish") ularga matn sarlavhasini o'rnatadi;
  • matn maydonlari uchun (kiritish turi \u003d "parol | matn") avval kiritilgan qatorni belgilaydi. Foydalanuvchi matnni o'chirib tashlashi va o'z belgilarini kiritishi mumkin, ammo "Reset" tugmasi shaklida foydalanilganda foydalanuvchi matni tozalanadi va qiymat parametri kiritilgan holat tiklanadi;
  • tasdiqlash qutilari va radio tugmachalari uchun (kirish turi \u003d "checkbox | radio") har bir elementni aniq belgilaydi, shunda mijoz yoki server dasturi foydalanuvchi qaysi elementni tanlaganligini noyob tarzda aniqlay oladi.

Texnik xususiyatlari

Kerakli atribut

Qadriyatlar

Jadval 1 tip atributining mumkin bo'lgan qiymatlarini va natijada maydon maydonining shaklini sanab o'tadi.

Yorliq. 1. Qadriyatlarni kiriting
Turi Tavsif Ko'rinish
tugmasi Tugma.
belgilash katakchasi Belgilash katakchalari. Tavsiya etilganlardan bir nechta variantni tanlashga imkon beradi. Pivo Choy Qahva
fayl Serverga yuborilgan fayl nomini kiritish uchun maydon.
yashirin Yashirin maydon. Bu veb-sahifada hech qanday tarzda ko'rsatilmaydi.
rasm Rasm maydoni. Rasmni bosganingizda forma ma'lumotlari serverga yuboriladi.
parol Oddiy matn maydoni, ammo undan farqli o'laroq, barcha belgilar yulduzcha bilan ko'rsatilgan. Hech kim kiritilgan parolni ko'ra olmasligi uchun mo'ljallangan.
radio Kalitlar. Bir nechta taklif qilingan variantlardan birini tanlash kerak bo'lganda ishlatiladi. Pivo Choy Qahva
qayta o'rnatish Shakl ma'lumotlarini asl qiymatiga qaytarish tugmasi.
topshirish Shakl ma'lumotlarini serverga yuborish tugmasi.
matn Matn maydoni. Klaviatura yordamida belgilarni kiritish uchun mo'ljallangan.

Jadvalda ko'rsatilgandek HTML5-ga yangi qiymatlar qo'shildi. 2018-04-02 121 2.

Ushbu qiymatlarni brauzer yordamida qo'llab-quvvatlash 1-jadvalda keltirilgan. 3.

Yorliq. 3. HTML5 qiymatlari uchun brauzerni qo'llab-quvvatlash
Qiymat Internet Explorer Chrome Opera Safari Firefox Android iOS
rang 21.0+ 11.01+
sana 5.0+ 10.62+ 5.0+ 5.0+
datetime 5.0+ 10.62+ 5.0+ 5.0+
datetime-local 5.0+ 10.62+ 5.0+ 5.0+
elektron pochta 10.0 5.0+ 10.62+ 5.0+ 4.0+ 2.3+ 3.1+
oy 5.0+ 10.62+ 5.0+ 5.0+
raqam 10.0 6.0+ 10.62+ 5.0+ 2.3+ 4.0+
oralig'i 10.0 5.0+ 10.62+ 5.0+ 23.0+ 5.0+
qidirmoq 10.0 5.0+ 11.01+ 5.0+ 4.0+ 4.0+
tel 10.0 5.0+ 11.01+ 5.0+ 4.0+ 3.1+
vaqt 5.0+ 10.62+ 5.0+ 5.0+
url 10.0 5.0+ 10.62+ 5.0+ 4.0+ 2.3+ 3.1+
hafta 5.0+ 10.62+ 5.0+ 5.0+

Standart qiymat

HTML5 IE Cr Op Sa Fx

Kiritish yorlig'i, atribut turi

Pivo
Choy
Qahva



HTML5 IE Cr Op Sa Fx

Kiritish yorlig'i, atribut turi

Iltimos, 1dan 10gacha raqamni kiriting



Muallifdan: kirish maydonidagi tip atributidan xabardor bo'lishingiz kerak. Ushbu atribut foydalanuvchi ko'radigan formadagi kirish turini belgilaydi. Agar atribut etishmayotgan bo'lsa yoki eski brauzerda yangi qiymat ishlatilsa, teg hali ham ishlaydi. Standart turi type \u003d "text" ga o'rnatiladi. Bugungi kunda HTML5 shakllaridan foydalanishga imkon beradigan asosiy nuqta, hatto eski brauzerlarni qo'llab-quvvatlasangiz ham. Agar sizda elektron pochta yoki qidirish kabi yangi turlar mavjud bo'lsa, eski brauzerlarda oddiy matn qutisi paydo bo'ladi.

Bizning ro'yxatdan o'tish shakli siz bilgan 10 turdan 4tasidan foydalanadi: katakcha, matn, parol va yuborish. Quyida to'liq ro'yxat HTML5 kirish maydonida mavjud:

HTML5 spetsifikatsiyasida yana 9 ta qo'shimcha turdagi ma'lumotlar mavjud, ular yordamida siz aniq interfeys elementlarini yaratishingiz va mahalliy ma'lumotlarni tekshirishingiz mumkin:

HTML5.1 va WHATWG HTML Living Standard-ga kiritilgan sana bilan bog'liq yana to'rtta tur mavjud, ulardan uchtasi zamonaviy brauzerlarda juda yaxshi qo'llab-quvvatlanadi:

datetime (hech qanday brauzerda qo'llab-quvvatlanmaydi)

Keling, har bir yangi turni batafsil ko'rib chiqamiz va ulardan qanday foydalanish mumkinligini ko'rib chiqamiz.

Qidirmoq

Kirish turini qidirish (type \u003d "search") - bu qidiruv maydoni, bir yoki bir nechtasini kiritish uchun bitta qatorli kirish iboralarni qidirish... Xususiyatlardan:

"Matn turi va qidirish turi o'rtasidagi farq faqat uslubiydir: qidiruv maydonlari oddiy matn maydonlaridan farq qiladigan platformalarda qidirish turi platformaning uslubiga mos keladi."

Ko'pgina brauzerlar qidiruv maydonlarini brauzer yoki operatsion tizim qidirish maydonlariga o'xshash tarzda uslublar. Chrome, Safari, Opera va IE matn terishni boshlashingiz bilan paydo bo'ladigan "x" belgisini bosish orqali matnni o'chirish funktsiyasini qo'shdi (4.5-rasmga qarang). Chrome va Opera shuningdek sana / vaqt maydonlarini tozalaydi va IE11 deyarli barcha turlarga, shu jumladan matnga "x" belgisini qo'shadi.

4.5-rasm. qidiruv maydoni operatsion tizimning qidirish maydonlari uchun yaratilgan

Apple kampaniyasi qurilmalarida qidiruv maydonchalari sukut bo'yicha Chrome, Safari va Opera-da dumaloq burchaklarni yumshatadi, ular takrorlanadi tashqi ko'rinish ichidagi qidirish maydonlari operatsion tizim... Dinamik klaviaturali planshetlarda "O'tish" tugmasi qidirish belgisi yoki so'zlarni qidirish ko'rinishida ko'rinadi. Hammasi qurilmaga bog'liq. Agar siz maxsus atributni qo'shsangiz, Chrome va Opera-da lupa belgisi paydo bo'ladi.

Siz type \u003d "text" dan eski usulda foydalanishingiz mumkin, ammo yangi qidiruv turi saytni topish uchun bosish kerak bo'lgan foydalanuvchilar uchun ingl. Bundan tashqari, yangi tur foydalanuvchilar odatlanib qolgan standart qidirish maydonlariga juda o'xshaydi. HTML5 Herald-da qidiruv yo'q, lekin u shunday bo'lishi mumkin:

< form id = "search" method = "get" >

< label for = "s" > Qidirmoq< / label >

< input type = "search" id = "s" name = "s" / >

< input type = "submit" value = "Qidirmoq" / >

< / form >

Qo'llab-quvvatlamaydigan brauzerlarda qidiruv turi odatdagi matn maydoni sifatida ko'rinadi, shuning uchun uni tegishli joyda ishlatmaslik uchun hech qanday sabab yo'q.

Elektron pochta manzillari

Elektron pochta turi (type \u003d "email") bir yoki bir nechta elektron pochta manzillarini o'rnatish uchun ishlatilishi ajablanarli emas. Bu vergul bilan ajratilgan (bo'sh joy bilan) bir nechta manzillarni ko'rsatish uchun ishlatilishi mumkin bo'lgan bir nechta Boolean atributini qo'llab-quvvatlaydi.

Shaklimizni o'zgartirib, elektron pochta maydonlariga type \u003d "email" qo'ying:

< label for = "email" > Mening elektron pochta manzilim< / label >

< input type = "email" id = "email" name = "email" / >

Agar siz matn turini elektron pochtaga o'zgartirsangiz, vizual o'zgarishlar bo'lmaydi. Kirish hali ham oddiy matn maydoniga o'xshaydi. Biroq, ular boshqacha.

O'zgarishlarni sensorli qurilmada ko'rish mumkin. Elektron pochta maydoniga e'tibor qaratilganda, ko'pchilik sensorli qurilmalar (masalan, iPad yoki Android telefon Chromium bilan) manzilni kiritish uchun optimallashtirilgan klaviatura ko'rsatiladi elektron pochta... Klaviatura 4.6-rasmda ko'rsatilgandek @ belgisi, nuqta, bo'sh joyni aks ettiradi, lekin vergul emas.

4.6-rasm. ostidagi qurilmada maxsus klaviatura mavjud elektron pochta turi iOS boshqaruvi

IN firefox brauzerlari, Chrome, Opera va Internet Explorer 10 bilan noto'g'ri kirish pochta xabarida xato xabari paydo bo'ladi. Bu bitta yoki bir nechta URL sifatida tan olinmagan matnli ariza yuborishga urinayotganda sodir bo'ladi. Odatda xato xabari 4.7-rasmda keltirilgan.

4.7-rasm. noto'g'ri elektron pochta manzili kiritilganligi to'g'risida xato xabari opera brauzeri (chapda) va Firefox (o'ngda)

Izoh: maxsus tasdiqlash xabarlari

Standart brauzer xato xabari sizga yoqmaydimi? O'zingiznikini .setCustomValidity (errorMsg) bilan sozlang. SetCustomValidity faqat bitta parametrni oladi, xato xabari. Agar siz o'zingizning tasdiqlash xabaringizni o'rnatgan bo'lsangiz, unda to'g'ri yozuvdan so'ng, yuborilgan shakl uchun xabar bilan satrni o'chiring (noto'g'ri qiymati):

function setErrorMessages (formControl) (var validityState_object \u003d formControl.validity; if (validityState_object.valueMissing) (formControl.setCustomValidity ("Iltimos, yoshni belgilang (") "))), agar boshqa (validityState_object.rangeUnderflow) (formControl.) \\ "re too young");) else if (validityState_object.rangeOverflow) (formControl.setCustomValidity ("Siz juda yoshsiz");) else if (validityState_object.stepMismatch) (formControl.setCustomValidity ("Tug'ilgan kunlarning yarmini hisoblash?" );) else (// agar kirish to'g'ri bo'lsa, u noto'g'ri bo'lishi kerak yoki aks holda formControl.setCustomValidity ("");) xato bo'lishi mumkin

funktsiya setErrorMessages (formControl) {

var validityState_object \u003d formControl. amal qilish muddati;

agar (validityState_object. valueMissing) {

formControl. setCustomValidity ( "Iltimos, yoshni belgilang (talab qilinadi)") ;

) else if (validityState_object. rangeUnderflow) {

formControl. setCustomValidity ("Siz juda yoshsiz");

) else if (validityState_object. rangeOverflow) {

formControl. setCustomValidity ("Siz juda yoshdasiz");

) else if (validityState_object. stepMismatch) {

Sizlarga, blog saytining aziz o'quvchilari, salomlar. Bugun men shunga o'xshash kishi haqida gaplashmoqchiman HTML shakllari... Sizning saytingizning qaysi dvigateli bo'lmasin (cms), u albatta Form va Kiritish teglari yordamida yaratilgan shakllardan, shuningdek Tugma, Belgilangan, Qiymat, Belgilash qutisi, Radio, Checkbox, Submit-ni yoki boshqa shakllarda atributlar va parametrlardan foydalanadi. ...

Bunga qo'shimcha ravishda ochiladigan ro'yxatlar va matn maydonlarini yaratish uchun elementlarni qo'shishingiz mumkin - Tanlash, Variant, Textarea, Label, Fieldset, Legend.

Bizga nima uchun kerak va zamonaviy veb-saytlarda shakllar qanday ishlaydi

Xuddi shu sayt qidiruvi () ushbu teglar yordamida yaratiladi va keyin sizning loyihangiz bo'yicha qidirish majburiy bo'ladi. Shuning uchun, ularning qanday joylashtirilganligini va ishlashini tushunish dizayndagi muvaffaqiyatli ish uchun sizga hech qanday zarar etkazmaydi, hatto o'zini reklama qilish va targ'ib qilish bilan ham ortiqcha bo'lmaydi.

Shunday qilib, ushbu elementlarni o'rganish zarurligini asoslagan holda, menimcha boshqa savollar bo'lmasligi kerak, shuning uchun to'g'ridan-to'g'ri ularning mumkin bo'lgan variantlarini o'rganishga o'tish vaqti keldi.

Ha, shuni ham eslatib qo'ymoqchimanki, biz allaqachon gipermatnlarni belgilash tili mavzusidagi ko'plab materiallarni ko'rib chiqdik, masalan, uchta) va.

Shakllar elementlardan iborat bo'lib, uni yaratish uchun asosiy teglar ichiga Form teglaridan har xil teglar kiritiladi - Checked, Value, Checkbox, Radio, Checkbox, Submit va hk. Shunchaki sayt kodining istalgan joyiga o'z kodini qo'yishimiz kerak. qanday ko'rinishi kerakligini teglar va ularning atributlari bilan belgilash orqali.

Bu siz kiritgan so'rov uchun yuborish tugmachasi, radio tugmachalari bilan tanlov (bu erda faqat bitta tugmachani bosish mumkin), yuborish tugmachasi () bilan bir nechta matn qutilari va boshqalar bo'lishi mumkin.

Masalan, "qidirish" holatida Value atributidan foydalanib, so'rovni kiritish uchun maydon yonida joylashgan tugmachada aniq nima yozilishini belgilashingiz mumkin. Shakllarga kiritilgan ma'lumotlar qo'shimcha ravishda biron bir tarzda qayta ishlanishi kerak.

Masalan, ishda mulohaza foydalanuvchi maydonni o'z ismi bilan to'ldirgandan so'ng, o'zining elektron pochtasini va xabarning matnini kiritadi, so'ngra yuborish tugmachasini bosadi, sayt muallifining elektron pochta manziliga ma'lumot yuborishga umid qilish huquqiga ega bo'ladi. Ammo, afsuski, buni faqat bitta gipermatnni belgilash tili () yordamida amalga oshirish mumkin emas.

Ushbu maqsadlar uchun sizga kerak bo'ladi maxsus dastur foydalanuvchi yuborish tugmachasini bosgandan so'ng, qayta aloqa maydonlaridan barcha ma'lumotlarni olib, elektron pochta orqali resurs egasiga yuboradigan ishlov beruvchi. Buni qaysi dastur amalga oshiradi, Action atributidan foydalanib o'zingizni ko'rsatishingiz kerak.

Odatda, ishlov berish dasturi bu PHP-da yozilgan skriptdir. Shuning uchun, Form yorlig'ining Action atributida siz o'zingizning xosting serveringizda joylashgan ushbu skript fayliga yo'lni ro'yxatdan o'tkazishingiz kerak bo'ladi. Misol tariqasida elektron pochta orqali blogimning RSS lentasiga obuna bo'laman:

"name \u003d" title "\u003e

Biroz tushunarsiz, ehtimol bu boshida ko'rinadi, lekin menimcha, voqea rivojlanib borishi bilan hammasi aniq bo'ladi.

Tugmalar, katakchalar va radio tugmachalarni yaratish uchun shakl va kirish teglari

Har qanday shakl ochilish va yopilish teglarida bo'lishi kerak Shakl... Bu ularni yaratish uchun bir xil konteyner. Ushbu yorliqda bir qator zarur va ixtiyoriy atributlar mavjud:

  1. Ism - agar siz biror narsa qilayotgan HTML faylida bir nechta veb-shakllardan foydalanilsa, ko'rsatilishi kerak bo'lgan noyob ism
  2. Harakat bu ssenariyga yo'lni ko'rsatadigan zarur atribut bo'lib, undan keyingi ishlov berish uchun undan ma'lumotlarni oladi
  3. Usul - uning yordamida siz ushbu veb-shakldan ma'lumotlarni uzatish usulini ishlov beradigan fayl skriptiga o'zgartirishingiz mumkin. Agar siz uni ko'rsatmasangiz, u holda Get usuli sukut bo'yicha ishlatiladi, bu aslida asosan o'zgaruvchilar va qisqa xabarlar uchun mo'ljallangan, shuningdek, brauzerning manzil satri orqali ma'lumotlarni ochiq usulda uzatish orqali amalga oshiriladi. Forma ma'lumotlarini ishlov beruvchining skriptiga o'tkazish uchun undan foydalanish yaxshiroqdir pOST usulimatnli xabarlarni yopiq tarzda uzatish uchun maxsus ishlab chiqilgan

Turli xil veb-shakllarni yaratishga imkon beradigan qolgan teglarni ko'rib chiqing. Eng ko'p qirrali Kiritish... Uning ichida Type atributi tayinlanishi kerak, bu ushbu yorliq yordamida yaratilgan HTML formasi aynan qanday bo'lishini aniqlaydi.

Kiritish va Tur yordamida quyidagi elementlarni yaratish mumkin:

  1. bitta qatorli matn maydonlari (Type \u003d "Text")
  2. parolni kiritish uchun maydonlar (Type \u003d "Password")
  3. katakchalar (Type \u003d "Checkbox")
  4. radio tugmalari (Type \u003d "Radio")
  5. yashirin maydonlar (Type \u003d "Yashirin")
  6. oddiy tugmalar (Type \u003d "Button")
  7. ma'lumotlarni ishlov beruvchiga yuborish tugmalari (Type \u003d "Submit")
  8. veb-shaklni asl holiga keltirish tugmalari (Type \u003d "Reset")
  9. fayllarni serverga yuklash uchun maydonlar (Type \u003d "File)
  10. rasmga ega tugmalar (Type \u003d "Image")

Kiritishda tugatish yorlig'i yo'q. U bilan yaratilgan veb-shaklning aynan qanday ko'rinishi butunlay atributda ko'rsatilgan parametrga bog'liq. Agar Type ko'rsatilmagan bo'lsa, u holda matn maydoni sukut bo'yicha yaratiladi.

Type uchun turli xil qiymatlarga ega bo'lgan Input-da yaratilgan shakllarning namunalari

Kiritish yorlig'ining boshqa atributlari va ulardan foydalanish misollari

Qolgan atributlar nima uchun ekanligini ko'rib chiqamiz:

  1. Ism - agar ishlovchilar dasturining ssenariysiga ma'lumotlar yuborilishi kerak bo'lsa, unda siz Name atributi uchun parametrni belgilashingiz kerak. Ushbu nom ostida formadan yuborilgan ma'lumotlar ma'lumot bilan ishlash dasturida paydo bo'ladi.
  2. Hajmi - bu yaratilgan veb-shakl maydonining hajmini belgilaydi. Qiymat ushbu maydonga mos keladigan belgilar sonida ko'rsatilgan. Agar o'lcham ko'rsatilmagan bo'lsa, u holda standart kenglik 24 ta belgidan iborat bo'ladi
  3. Maksimal uzunlik - sukut bo'yicha, Html shaklida kiritilishi mumkin bo'lgan belgilar soni cheklanmagan, lekin Maxlength yordamida siz ushbu cheklovni o'rnatishingiz mumkin. Belgilanganidan ko'proq belgilar, siz maydonga kira olmaysiz
  4. Qiymat - undan foydalanib, siz maydonda yoki ma'lumotlar yuborish tugmachasida sukut bo'yicha aniq nima yozilishini o'rnatishingiz mumkin
  5. Belgilangan belgi - bu radio tugmalari (radio) yoki tasdiqlash qutilari (tasdiqlash qutisi) uchun Kiritish-ga kiritilishi mumkin. Bunday holda, ushbu radio tugma yoki tasdiqlash katakchasi veb-forma bilan sahifani yuklashda faol bo'ladi (ularda allaqachon tasdiq belgisi mavjud)

Endi hamma narsani ko'rib chiqaylik kiritish bilan shakllarning namunalari... Matn maydonining ko'rinishi parol kiritish maydonining ko'rinishiga o'xshaydi, shuning uchun biz faqat matn yaratish variantini ko'rib chiqamiz, masalan, elektron pochta manzilini kiritish uchun:

Elektron pochtangizni kiriting:

KtoNanNovenkogo.ru resursi sizga yoqadimi?

Ha?
Yo'q?

Shuni esda tutingki, ushbu formada har ikkala radio tugmachasini yaratish uchun Kiritish yorlig'i ikki marta ishlatiladi. Bundan tashqari, ularning har birida bir xil qiymatga ega bo'lgan Name atributi mavjud (rezultat) va qiymat qiymati har xil (YES va YO'Q).

Bu shuni anglatadiki, uni qayta ishlashda, agar biron bir radio tugmachasi tanlansa, ismi nomi bilan yozilgan o'zgaruvchi yuboriladi, ammo bu o'zgaruvchining qiymati qaysi radio tugma tanlanganiga bog'liq bo'ladi.

Belgilash katakchalari bilan veb-shakl yaratishning misolini ko'rib chiqamiz:

Siz qaysi sayt dvigatellarini afzal ko'rasiz?

WordPress
Joomla
SMF

Belgilash qutilari bir vaqtning o'zida bir nechta variantni tanlash imkoniyati bilan radio tugmalaridan farq qiladi. Ishora katakchasida qaysi katakcha joylashganligini aniqlash uchun nom ishlatiladi va qiymat ishlov beruvchiga yuboriladigan qiymatni belgilaydi (agar qiymat ko'rsatilmagan bo'lsa, u holda ushbu katakchaning yonida joylashgan matn ishlov beruvchiga yuboriladi).

Select, Option, Textarea, Label, Fieldset, Legend - ochiladigan ro'yxatlar, matn maydonlari va veb-shakllarning boshqa elementlari

Dastlab, men sizga veb-shakllar nima ekanligini va sayt sahifalarida nima uchun kerakligi haqida ozgina eslatmoqchiman. Ular, birinchi navbatda, har qanday operatsion tizimda mavjud bo'lgan elementlarni foydalanuvchilarga qulay tarzda takrorlash uchun mo'ljallangan: tugmalar, matn kiritish maydonlari, ochiladigan ro'yxatlar, tasdiqlash qutilari, radio tugmalari va boshqalar.

Barcha foydalanuvchilar hech qanday qo'shimcha tushuntirishlarsiz ushbu elementlarning maqsadini tushunishadi va agar ular formadagi Html tugmachasini ko'rsalar, uni bosish kerakligini tushunadilar.

Bundan tashqari, uning tarkibidagi barcha elementlar (Select, Option, Textarea, Label, Fieldet, Legend kabi) allaqachon tugallangan ish qismlari (konteynerlar) bo'lib, ularga kerakli yorliqlardan kerakli atributlar va parametrlardan foydalanish kifoya qiladi.

Brauzerlarning o'zi veb-shaklning ma'lum bir elementini qanday ko'rsatishni bilishadi. To'g'ri, uning bir xil elementini turli xil brauzerlarda namoyish qilish variantlari bir-biridan biroz farq qilishi mumkin, ammo, qoida tariqasida, unchalik katta emas.

Shunday qilib Html-dagi veb-shakllar kalitni uzatishga urinish ekan har qanday operatsion tizimda ishlatiladigan elementlar, veb-sayt sahifalariga. Lekin nima uchun ular sayt sahifalarida kerak bo'lishi mumkin?

Asos sifatida operatsion tizimlarda xuddi shunday elementlardan foydalaniladigan maqsad uchun - foydalanuvchidan ma'lumotlarni uzatish. Shakllar holatida foydalanuvchidan ma'lumotlar serverga uzatiladi, u erda u maxsus dastur tomonidan qayta ishlanadi (afsuski, gipermatnni belgilash tili ma'lumotlarni qayta ishlashga imkon bermaydi).

Shunga qaramay, ma'lumotlar nafaqat serverga, balki, masalan, Form yorlig'ining Action atributida ko'rsatilgan manzilga elektron pochta orqali ham yuborilishi mumkin. Ma'lumotlarni HTML-dan elektron pochtaga yuborishda, maydonlarni to'ldirgan foydalanuvchi, ma'lumotlarni yuborish tugmachasini bosgandan so'ng, o'z kompyuterida ishlatilgan pochta dasturini sukut bo'yicha ishga tushiradi.

Bunday holda, Form yorlig'i quyidagi ko'rinishga ega bo'lishi kerak:

Tanlang va Option - ochiladigan teglar

Ochilgan ro'yxatlar bilan maydonlarni yaratadigan veb-shaklning barcha elementlari xuddi shu tarzda shakllanadi. Birinchidan, ochiladigan va yopiladigan Html Select yorlig'i yordamida kombinatsiyalangan qutining idishi o'rnatiladi. Va keyin ushbu konteyner ichida ushbu ro'yxat elementlari (elementlari) bilan alohida idishlar yaratiladi. Bu Option ochish va yopish teglari yordamida amalga oshiriladi.

Bunga o'xshash narsa chiqadi:

Ammo bu soddalashtirilgan qurilish, chunki tanlash va Variant bir qator atributlarga egayaratilgan ochiladigan oynaning xususiyatlari va ko'rinishini aniqlaydigan.

  1. Ism - Select yordamida yaratilgan ushbu veb-shakl elementi uchun noyob nomni ko'rsatishingiz kerak. Ushbu nom ma'lumotni qayta ishlash dasturidagi serverga o'zgaruvchining nomi sifatida beriladi. Foydalanuvchi tanlagan ochiladigan ro'yxat elementining Value atributining qiymati (har bir element uchun Option-da o'rnatiladi) ushbu o'zgaruvchining qiymati sifatida qabul qilinadi.
  2. Hajmi - siz uni ko'rsatilgan elementlarning sonini belgilash uchun ishlatishingiz mumkin. Boshqacha qilib aytganda, Size yordamida siz ko'rsatilgan satrlar sonida o'lchangan ro'yxatning balandligini belgilashingiz mumkin. Agar siz Select yorlig'ida Size qiymatini aniq ko'rsatmasangiz, u holda ochiladigan ro'yxat balandligining standart qiymati ishlatiladi va agar Multiple atributi mavjud bo'lmasa yoki Select-da mavjud bo'lsa, boshqacha bo'ladi:
    1. Agar Select-da Multiple mavjud bo'lsa, u holda veb-shaklda ochiladigan ro'yxatning balandligi sukut bo'yicha uning elementlari soniga teng bo'ladi. O'sha. bir nechta tanlov ochiladigan oynasidagi barcha narsalar ko'rsatiladi. Quyida ko'plik sonining namunasini ko'ring. Agar Select-dagi Size atributi elementlar sonidan kamiga o'rnatilgan bo'lsa, o'ng tomonda aylantirish paneli paydo bo'ladi.
    2. Agar Select-da Multiple bo'lmasa, u holda veb-shaklda ochiladigan ro'yxatning balandligi sukut bo'yicha bitta qatorga teng bo'ladi. O'sha. faqat bitta chiziq ko'rinadi, qolgan narsalar esa faqat lift tugmachasini bosganingizda (o'ngda) mavjud bo'ladi. Quyidagi misolga qarang
  3. Multiple - bu atributni Select yorlig'iga berish bir vaqtning o'zida bir nechta elementni tanlash imkoniyatiga ega bo'lgan ochiladigan ro'yxatni yaratishga imkon beradi. Quyida ushbu xususiyat haqida ko'proq o'qing.

Ochilish shakllarini ikkita variantga bo'lish mumkin. Birinchi variantda siz maydonning faqat bitta elementini (chizig'ini) ochiladigan ro'yxat bilan tanlashingiz mumkin, ikkinchi variantda - Ctrl yoki Shift tugmachalarini ushlab bir vaqtning o'zida mavjud bo'lgan elementlardan bir nechtasini tanlashingiz mumkin.

Bunday holda, ikkinchi variantda barcha tanlangan elementlar to'g'risidagi ma'lumotlar serverga yuboriladi. Qaysi ochiladigan ro'yxat tuzilishi Select tegida Multiple atributining mavjudligi yoki yo'qligi bilan belgilanadi.

Ko'pligi parametrsiz tanlang, chunki u oddiygina Bir nechta yoziladi va shu bilan. Agar u mavjud bo'lsa, u bir nechta tanlov imkoniyatiga ega (Ctrl yoki Shift tugmachalarini bosib) ochiladigan ro'yxat veb-formatini yaratadi.

Maydonning ochiladigan ro'yxatdagi varianti bir nechta tanlov mumkinshunga o'xshash ko'rinadi:

O'ng tomonda yuqoridagi kodga asoslangan ko'p tanlovli ochiladigan ro'yxat uchun veb-shaklning namunasi keltirilgan. Ko'rib turganingizdek, Ctrl yoki Shift tugmachalarini bosib ushlab turish bir vaqtning o'zida bir nechta elementlarni tanlashi mumkin.

Agar Select tegida Multiple atributi bo'lmasa, u holda ushbu ochiladigan ro'yxatning (satrning) bitta elementini tanlash mumkin.

Faqat bitta elementni tanlash mumkin bo'lgan misolni bu erda ko'rish mumkin:

Yorliqni tanlang SelectED Legend veb-sayti

Variant yorlig'i xususiyatlari


Yaratilgan ochiladigan ro'yxatda (Select va Option yordamida) siz guruhning sarlavhasi bilan ajratuvchi kabi narsalarni qo'shishingiz mumkin, bu menyu elementlarining qolgan qismidan shrift uslubida farq qiladi.

Ochilgan ro'yxat elementlaridan guruh yaratish uchun ularni Optgroup formasining ochilish va yopish teglariga qo'shishingiz kerak va Optgroup ochilish yorlig'ida Label atributini yozing, uning parametri sifatida kerakli guruh nomini kiritishingiz kerak bo'ladi.

Masalan, shunga o'xshash:

Yorliqni tanlang
SelectED Legend veb-sayti

Textarea - formada matn maydonini yaratish

Biz ko'rib chiqmagan veb-shakllarning yana bir elementi bor - Textarea (ko'p satrli matnni kiritish qobiliyatiga ega maydon). U Textarea juft HTML-yorlig'i yordamida yaratilgan. Bundan tashqari, unda siz matnni yangi qatorga o'tkazishingiz mumkin va u o'tkazilgan o'tkazmalarni hisobga olgan holda serverga uzatiladi.

Shunday qilib, ko'p satrli matn maydonini yaratish uchun siz Textarea ochilishini va yopilishini ro'yxatdan o'tkazishingiz kerak va ular orasida veb-shaklga ega sahifa yuklanganda ko'rinadigan matn qo'shishingiz mumkin. Keyin foydalanuvchi ushbu matnni o'chirib tashlashi va o'zi yozishi mumkin.

O'zingiz haqingizda bizga nima deya olasiz?

Textarea bilan quyidagi atributlardan foydalanish mumkin:

  1. Ism - siz ushbu veb-format elementi uchun nom o'rnatdingiz. U serverga ma'lumotlarni qayta ishlash dasturiga uzatiladi
  2. Cols - siz undan yaratilgan ko'p satrli maydonning kengligini belgilarda belgilashda foydalanishingiz mumkin.
  3. Satrlar - yaratilgan ko'p satrli maydon balandligini o'rnatish (qatorlarda). Agar foydalanuvchi tomonidan kiritilgan matn ko'p satrli matn maydonining balandligidan ko'proq satrlarga ega bo'lsa, veb-shaklda maydonning o'ng tomonida aylantirish chizig'i paydo bo'ladi.
  4. Faqatgina o'qish - foydalanuvchilarga ushbu matnga o'z matnlarini o'zgartirishi yoki qo'shishi taqiqlanadi (faqat o'qish uchun).
  5. O'chirilgan - foydalanuvchi, xuddi Readonly atributidagi kabi, veb-formadagi matn maydonining tarkibini o'zgartira olmaydi, lekin u faol emasligini ko'rsatib, rangini kul rangga o'zgartiradi.

Formadagi ushbu HTML yorlig'i nima uchun kerak?

Html Label yorlig'i operatsion tizimlarda mavjud bo'lgan juda qiziqarli xususiyatlarni amalga oshirishga imkon beradi. U erda, agar esingizda bo'lsa, biron bir elementni faollashtirish uchun uni bosish shart emas, siz ushbu element nomini bosishingiz mumkin - u hali ham faollashtiriladi.

Bu veb-shakllarda sukut bo'yicha sodir bo'lmaydi - uni faollashtirish uchun Html shaklining elementini bosishingiz kerak. Masalan, katakchani qo'yish uchun katakchani bosishingiz kerak. Belgilash katakchasi yonidagi matnni bosish hech qanday ta'sir qilmaydi. O'zingiz sinab ko'ring:

Yorliq
Tanlang
Tanlangan

Ko'rib turganingizdek, ushbu elementni faollashtirish uchun matnni bosish foydasiz - uni o'zingiz bosishingiz kerak. Aynan shu Label yorlig'i tuzatishga mo'ljallangan. Bu veb-shakl elementi yonidagi matnni chertish imkoniyatini beradi, bu shubhasiz foydalanishni yaxshilaydi.

Ammo shakl va matnning HTML elementini qanday bog'lash mumkin? Buning uchun atributga noyob parametrga ega bo'lgan identifikatorni qo'shing va matnni ochish va yopish yorlig'i teglari bilan o'rab oling. Va bu hammasi emas. Ochilish yorlig'i yorlig'ida, formasi elementining Html yorlig'idagi parametri ID atributi bilan to'liq bir xil bo'lishi kerak bo'lgan For atributini ro'yxatdan o'tkazishingiz kerak. Bunga o'xshash narsa chiqadi:



Ko'rib turganingizdek, endi Label-dan foydalanish tufayli veb-shakl elementlari uni bosish bilan emas, balki uning yonida joylashgan matnni bosish orqali ham faollashtirilishi mumkin.

Fieldset va Legend - shaklni qismlarga ajratish

Html-dagi katta shakllar (Fieldset) guruhlarga bo'linib, ular ramka bilan o'ralgan va har bir guruh o'z nomiga (Legend) ega ekanligini siz tez-tez ko'rgansiz. Bu faqat ikkita teg bilan amalga oshiriladi: Fieldset va Legend. Ular juftlashgan, ya'ni. ularning ochilishi va yopilishi bo'lishi kerak.

Shunday qilib, tarkibiy qismlar guruhini yaratish uchun ushbu qismlarni Fieldset teglarini ochish va yopish bilan o'rashingiz kerak. Va ushbu guruh uchun sarlavha (Afsona) o'rnatish uchun, Fieldset ochilgandan so'ng darhol ochilish va yopilish afsonasidan qurilish yozishingiz kerak, ular orasiga guruh sarlavhasi matnini kiritishingiz kerak.

Fieldset va Legend-dan foydalangan holda guruhlarni yaratish misoli:



Omad sizga! Yaqinda blog sayti sahifalarida ko'rishguncha

orqali ko'proq video tomosha qilishingiz mumkin
");">

Sizni qiziqtirishi mumkin

Select, Option, Textarea, Label, Fieldset, Legend - ochiladigan va matn qutisi shaklidagi HTML teglari
HTML kodidagi ro'yxatlar - UL, OL, LI va DL teglari
MailTo - bu nima va qanday qilib elektron pochta xabarini yuborish uchun HTML-da havolani yaratish
Html va CSS kodlarida ranglar qanday o'rnatiladi, jadvallarda RGB soyalarini tanlash, Yandex chiqarilishi va boshqa dasturlar

Teg (ingliz tilidan. kiritish - Kirish) ko'p qirrali shakl elementlaridan biri bo'lib, interfeysning turli qismlarini yaratishga va foydalanuvchi bilan o'zaro aloqani ta'minlashga imkon beradi.

Asosan matn maydonlarini, turli tugmachalarni, radio tugmachalarini va tasdiqlash qutilarini yaratish uchun mo'ljallangan.

Asosiy atribut elementning turini belgilaydigan - turi. Bu sizga quyidagi shakl elementlarini o'rnatishga imkon beradi: matn maydoni (matn), parol maydoni (parol), radio tugmasi, tasdiqlash qutisi, yashirin maydon, tugma, shaklni yuborish tugmasi (yuborish), tugma formani (qayta tiklash), faylni (faylni) jo'natish maydonini, tasvir (rasm) bilan tugmani va hokazolarni tozalash uchun har bir element o'zining tashqi ko'rinishini va xususiyatlarini aniqlaydigan atributlar ro'yxatiga ega. Bundan tashqari, HTML5-ga o'ndan ortiq yangi atributlar qo'shildi.

Sintaksis

Yopish yorlig'i talab qilinmaydi.

WAI ARIA

Standart rol qiymati yo'q.

Rol uchun haqiqiy qiymatlar:

  • tugmasi
  • belgilash katakchasi
  • komoboks
  • havola
  • menuitem
  • menyu_checkbox
  • menuitemradio
  • variant
  • radio
  • qidirish qutisi
  • slayder
  • aylantirish tugmasi
  • almashtirish
  • matn qutisi

Xususiyatlar

  • qabul qilish - Faylni yuklash maydoni orqali yuborishingiz mumkin bo'lgan fayl turlariga filtrni o'rnatadi.
  • alt - rasm tugmasi uchun muqobil matn.
  • avtomatik to'ldirish - Avtomatik to'ldirishni yoqadi yoki o'chiradi.
  • avtofokus - Fokusni forma maydoniga o'rnatadi.
  • belgilangan - Oldindan faollashtirilgan radio tugmasi yoki tasdiqlash qutisi.
  • dirname - Matn yo'nalishini serverga uzatuvchi parametr.
  • o'chirilgan - elementga kirishni va modifikatsiyani bloklaydi.
  • shakl - maydonni o'z identifikatori bo'yicha shakl bilan bog'laydi.
  • formatsiya - Forma ishlov beruvchisi manzilini belgilaydi.
  • formenctype - Forma ma'lumotlari serverga yuborilganda qanday kodlanishini belgilaydi.
  • formmethod - Forma ma'lumotlarini serverga qaysi usul bilan yuborish kerakligini brauzerga aytadi.
  • formnovalidate - Ichki ma'lumotlarni tekshirishni bekor qiladi.
  • formtarget - Forma protsessori tomonidan qaytarilgan natija yuklanadigan oynani yoki ramkani belgilaydi.
  • ro'yxat - Matnni kiritishda tanlanishi mumkin bo'lgan variantlar ro'yxatini ko'rsatadi.
  • max - raqam yoki sana kiritish uchun yuqori qiymat.
  • maksimal uzunlik - Matnda ruxsat etilgan maksimal belgilar soni.
  • min - raqamni yoki sanani kiritish uchun past qiymat.
  • minlength - Matnda ruxsat etilgan minimal belgilar soni.
  • bir nechta - Bir vaqtning o'zida bir nechta fayllarni yuklab olish imkonini beradi.
  • ism - maydon nomi, shunda forma protsessori uni aniqlay oladi.
  • naqsh - Kirish naqshini o'rnatadi.
  • placeholder - Maslahat matnini aks ettiradi.
  • faqat o'qish - maydonni foydalanuvchi o'zgartira olmasligini belgilaydi.
  • majburiy - majburiy maydon.
  • hajmi - matn maydonining kengligi.
  • src - rasm maydoni uchun rasm fayl manzili.
  • qadam - raqamli maydonlar uchun o'sish.
  • type - brauzerga forma elementining qaysi turi ekanligini aytadi.
  • qiymat - elementning qiymati.

qabul qilish

Fayllarni yuklash maydoni orqali yuborishingiz mumkin bo'lgan fayl turlari uchun filtrni o'rnatadi. Fayl turi MIME turi sifatida ko'rsatilgan, bir nechta qiymatlar vergul bilan ajratilgan. Agar fayl o'rnatilgan filtrga to'g'ri kelmasa, u faylni tanlash oynasida ko'rsatilmaydi.

Faylni yuklash maydoniga taalluqlidir ( ).

Brauzerni qo'llab-quvvatlash

Standart qiymat

alt

Alt atributi rasm maydoni uchun muqobil matnni o'rnatadi. Ushbu matn brauzerda rasmlarni yuklash o'chirilganda rasm haqida matnli ma'lumot olish imkonini beradi, shuningdek qidiruv tizimlari uchun mo'ljallangan.

Sintaksis

Qadriyatlar

Har qanday mos keladigan matn satri.

Standart qiymat

avtomatik to'ldirish

Ushbu atribut ariza maydonlarini avval ularga kiritilgan matn bilan to'ldirishga yordam beradi. Qadriyatlar brauzer tomonidan saqlanadi va almashtiriladi, xavfsizlik nuqtai nazaridan avtomatik to'ldirish foydalanuvchi tomonidan brauzer sozlamalarida o'chirib qo'yilishi mumkin va bu holda avtomatik to'ldirish atributi tomonidan boshqarilishi mumkin emas.

Matnning birinchi harflarini kiritishda avval saqlangan qiymatlar ro'yxati ko'rsatiladi, ulardan kerakliini tanlashingiz mumkin.

Muayyan forma maydonini avtomatik to'ldirish uning nomi atributi bilan bog'liq va qiymat o'zgartirilganda yo'qoladi.

Sintaksis

Qadriyatlar

  • yoqilgan - Avtomatik to'ldirilgan matnni yoqadi.
  • o'chirish - Avtomatik to'ldirishni o'chiradi. Ushbu qiymat odatda brauzerda muhim ma'lumotlarni (parollarni, bank kartalari raqamlarini), shuningdek kamdan-kam kiritilgan yoki noyob ma'lumotlarni (captcha) saqlashni o'chirish uchun ishlatiladi.

Standart qiymat

Brauzer sozlamalariga bog'liq.

avtofokus

Avtomatik ravishda shakl maydoniga diqqatni o'rnatadi. Bunday maydonda siz darhol matnni sichqoncha kursori bilan aniq bosmasdan yozishingiz mumkin.

Sintaksis

Qadriyatlar

Standart qiymat

Odatiy bo'lib, avtofokus atributi o'rnatilmagan.

tekshirildi

Ushbu atribut tasdiqlash katakchasi yoki radio tugmachasi kabi shakl elementining oldindan belgilanganligini aniqlaydi. Radio tugmachasini ishlatishda guruhning faqat bitta elementini tekshirish mumkin, katakchalar uchun kamida barcha elementlarni tekshirish mumkin.

Sintaksis

Qadriyatlar

Standart qiymat

dirname

Agar dirname atributi mavjud bo'lsa, serverga ism / qiymat juftligi yuboriladi, bu erda nom dirname atributi bilan belgilanadi va qiymati brauzer bilan almashtiriladi. Chapdan o'ngga matn uchun qiymat ltr, o'ngdan chapga (masalan, ibroniycha) uchun rtl bo'ladi.

Sintaksis

Qadriyatlar

Parametr nomi sifatida xizmat qiladigan ixtiyoriy matnli satr. Odatda, satr oxiriga dir qo'shiladi, bu parametr matn yo'nalishini ko'rsatishini bildiradi.

Standart qiymat

nogiron

Shakl maydoniga kirishni va modifikatsiyani bloklaydi. Bunday holda, u kul rangda ko'rsatiladi va foydalanuvchi tomonidan faollashtirilishi mumkin emas. Bundan tashqari, bunday maydon Tab tugmachasini bosish orqali sichqoncha yordamida yoki boshqa yo'l bilan fokusni qabul qila olmaydi. Biroq, maydonning ushbu holatini skriptlar yordamida o'zgartirish mumkin. Maydonda bloklangan qiymat serverga uzatilmaydi.

Sintaksis

Qadriyatlar

Standart qiymat

Ushbu xususiyat sukut bo'yicha o'chirilgan.

shakl

Maydonni identifikatori bilan forma bilan bog'laydi. Bunday ulanish maydon tashqarida joylashgan bo'lsa kerak

, masalan, uni dasturiy yoki dizayn sabablari bilan yaratishda.

Sintaksis

"> ...

Qadriyatlar

Shakl identifikatori (element id atributining qiymati

).

Standart qiymat

shakllantirish

Forma protsessorining manzilini aniqlaydi - bu shakl ma'lumotlarini qabul qiladigan va u bilan kerakli harakatlarni bajaradigan dastur. Formatsiya atributi amalda elementning harakat atributiga o'xshaydi. .

Sintaksis

Qadriyatlar

shakl

Forma ma'lumotlari serverga yuborilganda qanday kodlanishini o'rnatadi. Odatda bu maydon faylni yuborish uchun ishlatilganda aniq ko'rsatiladi (input type \u003d "file"). Ushbu atribut ta'sir jihatidan elementning enctype atributiga o'xshaydi. , birgalikda ishlatilganda formenctype va enctype e'tiborga olinmaydi.

Sintaksis

Qadriyatlar

  • application / x-www-form-urlencoded - Bo'shliqlar o'rniga Place +, rus harflari kabi belgilar o'n oltinchi qiymatlari bilan kodlanadi (masalan, Petya o'rniga% D0% 9F% D0% B5% D1% 82% D1% 8F).
  • ko'p qismli / form-ma'lumotlar - ma'lumotlar kodlanmagan. Ushbu qiymat fayllarni yuklashda ishlatiladi.
  • matn / tekis - Bo'shliqlar + belgisi bilan almashtiriladi, harflar va boshqa belgilar kodlanmaydi.

Standart qiymat

application / x-www-form-urlencoded

uslub usuli

Atribut brauzerga forma ma'lumotlarini serverga qanday usulda yuborish kerakligini aytadi.

Sintaksis

Qadriyatlar

Get va post kalit so'zlari bilan ko'rsatilgan GET va POST ikkita usuli mavjud.

  • get - Ushbu usul formadagi ma'lumotlarni to'g'ridan-to'g'ri manzil satriga yuborish uchun mo'ljallangan bo'lib, ular savol belgisidan keyin sahifa manziliga qo'shilgan va ampersand (& belgi) bilan ajratilgan ism \u003d qiymat juftlari. Masalan, to'liq manzil http://site.ru/doc/?name\u003dVasya&password\u003dpup bo'ladi. Usuldagi ma'lumotlar miqdori 4 KB bilan cheklangan.
  • post - serverga ma'lumotlarni brauzer so'rovida yuboradi, yuborilgan ma'lumotlar miqdori faqat server sozlamalari bilan cheklanadi.

Standart qiymat

formnovalidat

Shaklni yuborishdan oldin foydalanuvchi tomonidan shaklga kiritilgan ma'lumotlarning to'g'riligini tekshirishni bekor qiladi. Ushbu tekshiruv brauzer tomonidan maydonlar uchun avtomatik ravishda amalga oshiriladi. , , shuningdek, agar element naqsh yoki kerakli atributga ega bo'lsa .

Sintaksis

Qadriyatlar

Standart qiymat

Ushbu xususiyat sukut bo'yicha o'chirilgan.

maqsadli maqsad

Forma protsessori tomonidan qaytarilgan natijani HTML-hujjat sifatida yuklash uchun ramka nomini belgilaydi.

Sintaksis

Qadriyatlar

Qiymat bu nom atributi bilan belgilangan freym nomidir. Agar mavjud bo'lmagan nom o'rnatilgan bo'lsa, yangi yorliq ochiladi. Quyidagilar zaxira nomlari sifatida ishlatilishi mumkin.

  • _blank - Sahifani yangi brauzer yorlig'iga yuklaydi.
  • _self - Sahifani joriy yorliqqa yuklaydi.
  • _parent - Sahifani ota-kadrga yuklaydi; agar ramkalar bo'lmasa, bu qiymat _self kabi ishlaydi.
  • _top - barcha freymlarni bekor qiladi va sahifani to'liq brauzer oynasida yuklaydi; agar ramkalar bo'lmasa, unda bu qiymat _self kabi ishlaydi.

Standart qiymat

ro'yxat

Element bilan yaratilgan tanlovlar ro'yxatini ko'rsatadi terish paytida tanlanishi mumkin. Dastlab, ushbu ro'yxat yashiringan va maydon diqqat markazida bo'lganda mavjud bo'ladi.

Sintaksis

Qadriyatlar

Mahsulot identifikatorining nomi .

Standart qiymat

maksimal

Shakl maydoniga raqam yoki sanani kiritish uchun yuqori qiymatni belgilaydi.

Sintaksis

Qadriyatlar

Standart qiymat

maksimal uzunlik

Matn maydoniga foydalanuvchi tomonidan kiritilishi mumkin bo'lgan maksimal belgilar sonini o'rnatadi. Raqamni terish paytida ushbu raqamga erishilganda, boshqa kiritish mumkin emas.

Sintaksis

Qadriyatlar

Standart qiymat

Belgilarni kiritish cheklanmagan.

min

Shakl maydoniga raqam yoki sanani kiritish uchun pastki qiymatni belgilaydi.

Sintaksis

Qadriyatlar

Ijobiy yoki manfiy tamsayı (type \u003d "number", type \u003d "range" uchun).

YYYY-MM-DD formatidagi sana (masalan: 2012-12-22) type \u003d "date" uchun.

Standart qiymat

minlength

Matn maydoniga foydalanuvchi kiritishi mumkin bo'lgan minimal belgilar sonini belgilaydi. Agar belgilar soni belgilangan qiymatdan kam bo'lsa, u holda brauzer xato xabari ko'rsatadi va shaklni taqdim etmaydi.

Sintaksis

Qadriyatlar

Har qanday musbat tamsayı.

Standart qiymat

bir nechta

Bir nechta atribut fayllarni yuklash maydonida bir vaqtning o'zida bir nechta fayllarni, shuningdek bir nechta elektron pochta manzillarini ko'rsatishga imkon beradi. Ikki yoki undan ortiq pochta manzilidan foydalanilganda ular vergul bilan ajratilishi kerak.

Sintaksis

Qadriyatlar

Standart qiymat

Bir nechta atribut sukut bo'yicha o'chirilgan.

ism

Forma elementi uchun noyob nomni belgilaydi. Odatda, ushbu nom serverga ma'lumotlarni yuborishda yoki kiritilgan maydon ma'lumotlariga skriptlar orqali kirish uchun ishlatiladi.

Sintaksis

Qadriyatlar

Ism raqamlar va harflarni o'z ichiga olgan belgilar to'plamidir. JavaScript katta-kichikligi bilan ajralib turadi, shuning uchun element nomiga murojaat qilishda ism atributi bilan bir xil imlodan foydalaning.

Standart qiymat

naqsh

Shakl maydoniga ma'lumotlarni kiritish va tasdiqlash uchun muntazam ifodani belgilaydi. Agar naqsh atributi mavjud bo'lsa, maydon to'g'ri to'ldirilmaguncha shakl yuborilmaydi.

Brauzerni qo'llab-quvvatlash

Kirish naqshidan foydalansam bo'ladimi? Caniuse.com saytidagi asosiy brauzerlarda kirish uslubi xususiyatini qo'llab-quvvatlash to'g'risidagi ma'lumotlar.

Sintaksis

Qadriyatlar

Ba'zi odatiy iboralar jadvalda keltirilgan. 1.

Yorliq. 1. Doimiy iboralar
Ifoda Tavsif
d 0 dan 9 gacha bo'lgan bitta raqam.
D [^ 0-9] Raqamdan boshqa har qanday belgi.
s Bo'shliq.
Faqat katta lotin harfi.
Har qanday holatda ham faqat lotin harfi.
[A-Ya-YaYo] Har qanday holatda ham faqat ruscha xat.
Rus va lotin alifbosidagi har qanday harf.
{3} Uchta raqam.
{6,} Kamida oltita lotin harflari.
{,3} Uch raqamdan oshmasligi kerak.
{5,10} Beshdan o'ngacha raqamlar.
^+$ Lotin tilidagi har qanday so'z.
^ [A-Yaa-yaios] + $ Bo'shliqlarni o'z ichiga olgan rus tilidagi har qanday so'z.
^[ 0-9]+$ Istalgan raqam.
{6} Pochta indeksi.
d + (, d (2))? 1.34 formatidagi raqam (vergul ajratuvchi).
d + (. d (2))? 2.10 formatidagi raqam (nuqta ajratuvchi).
d (1,3) .d (1,3) .d (1,3) .d (1,3) IP-manzil

joylashtiruvchi

Matn forma maydoniga chiqaradi, u fokus olganda yoki matn terishda yo'qoladi. Odatda kul rangda ko'rsatiladi.

Brauzerni qo'llab-quvvatlash

Joylashtiruvchini ishlatsam bo'ladimi? Caniuse.com saytidagi asosiy brauzerlarda kirish-joyni to'ldirish xususiyatini qo'llab-quvvatlash to'g'risidagi ma'lumotlar.

Sintaksis

Qadriyatlar

Matn qatori. Agar satr ichida bo'sh joy bo'lsa, uni ikki yoki bitta tirnoq bilan qo'shib qo'yish kerak.

Standart qiymat

faqat o'qish

Qachon element readonly atributi qo'shiladi, matn maydonini foydalanuvchi o'zgartira olmaydi, shu jumladan yangi matn kiritish yoki mavjudini o'zgartirish. Shu bilan birga, maydonning holati va tarkibini skriptlar yordamida o'zgartirish mumkin va ma'lumotlar serverga yuboriladi.

Sintaksis

Qadriyatlar

Standart qiymat

Ushbu xususiyat sukut bo'yicha o'chirilgan.

talab qilinadi

Formani serverga yuborishdan oldin talab qilinadigan maydon maydonini o'rnatadi. Agar kerakli maydon bo'sh bo'lsa, brauzerda xato xabari paydo bo'ladi va shakl yuborilmaydi. Xabar turi va mazmuni brauzerga bog'liq bo'lib, foydalanuvchi tomonidan o'zgartirilishi mumkin emas.

Sintaksis

Qadriyatlar

Standart qiymat

Kerakli atribut sukut bo'yicha o'chirilgan.

hajmi

Bir qatorli shriftdagi belgilar soni bilan belgilanadigan matn maydonining kengligi. Boshqacha qilib aytganda, kenglik bir xil gorizontal kenglikdagi qo'shni harflar soniga o'rnatiladi. Agar shrift hajmi uslublar yordamida o'zgartirilsa, kengligi ham shunga qarab o'zgaradi.

Sintaksis

Qadriyatlar

Har qanday musbat tamsayı.

Standart qiymat

src

Tasvir maydonida veb-sahifada ko'rsatiladigan grafik faylning manzili. Eng mashhur fayllar PNG va JPEG.

Sintaksis

Qadriyatlar

Qiymat - bu faylga to'liq yoki nisbiy yo'l.

Standart qiymat

qadam

Slayderlar va raqamlarni kiritish maydonlari uchun son o'sishini o'rnatadi.

Sintaksis

Qadriyatlar

Har qanday butun yoki kasr son.

Standart qiymat

turi

Forma elementining qaysi turi ekanligini brauzerga aytib beradi.

Brauzerni qo'llab-quvvatlash

elektron pochta, tel, url:

Input-email-tel-url-dan foydalansam bo'ladimi? Caniuse.com saytidagi asosiy brauzerlarda kirish-elektron pochta-tel-url xususiyatini qo'llab-quvvatlash to'g'risidagi ma'lumotlar.

Kirish rangidan foydalansam bo'ladimi? Caniuse.com saytidagi asosiy brauzerlarda kirish rangli xususiyatni qo'llab-quvvatlash to'g'risidagi ma'lumotlar.

Kirish diapazonidan foydalansam bo'ladimi? Caniuse.com saytidagi asosiy brauzerlarda kirish diapazonini qo'llab-quvvatlash to'g'risidagi ma'lumotlar.

Kirish raqamidan foydalansam bo'ladimi? Caniuse.com saytidagi asosiy brauzerlarda kirish-raqam xususiyatini qo'llab-quvvatlash to'g'risidagi ma'lumotlar.

Kirish-qidirishdan foydalansam bo'ladimi? Caniuse.com saytidagi asosiy brauzerlarda kirish-qidirish funktsiyasini qo'llab-quvvatlash to'g'risidagi ma'lumotlar.

sana, vaqt, sana vaqti:

Input-datetime dan foydalanishim mumkinmi? Caniuse.com saytidagi asosiy brauzerlarda kirish-vaqtni kiritish funktsiyasini qo'llab-quvvatlash to'g'risidagi ma'lumotlar.

Sintaksis

Qadriyatlar

Qiymatlarni kiriting:

  • tugma - tugma.
  • katakcha - belgilash katakchalari. Tavsiya etilganlardan bir nechta variantni tanlashga imkon beradi.
  • fayl - serverga yuborilgan fayl nomini kiritish uchun maydon.
  • yashirin - Yashirin maydon. Bu veb-sahifada hech qanday tarzda ko'rsatilmaydi.
  • rasm - Rasm maydoni. Rasmni bosganingizda forma ma'lumotlari serverga yuboriladi.
  • parol - Oddiy matn maydoni, ammo undan farqli o'laroq, barcha belgilar yulduzcha bilan ko'rsatilgan. Hech kim kiritilgan parolni ko'ra olmasligi uchun mo'ljallangan.
  • radio - Kalitlar. Ular bir nechta variantlardan birini tanlash kerak bo'lganda ishlatiladi.
  • reset - forma ma'lumotlarini asl qiymatiga qaytarish tugmasi.
  • yuborish - serverga shakl ma'lumotlarini yuborish tugmasi.
  • matn - Matn maydoni. Klaviatura yordamida belgilarni kiritish uchun mo'ljallangan.

HTML5-ga qo'shilgan yangi qiymatlar:

  • rang - rang tanlash uchun vidjet.
  • sana - taqvim sanasini tanlash uchun maydon.
  • datetime - sana va vaqtni ko'rsating.
  • datetime-local - Mahalliy sana va vaqtni ko'rsating.
  • elektron pochta - elektron pochta manzillari uchun.
  • raqam - raqamlarni kiriting.
  • qator - belgilangan diapazondagi raqamlarni tanlash uchun slayder.
  • qidirish - Qidiruv maydoni.
  • tel - telefon raqamlari uchun.
  • vaqt - vaqt uchun.
  • url - veb-manzillar uchun.
  • oy - oyni tanlang.
  • hafta - bir hafta tanlang.

Standart qiymat

qiymat

Serverga topshirilishi yoki mijoz skriptlari yordamida olinishi kerak bo'lgan ariza elementining qiymatini belgilaydi. "Name \u003d value" juftligi serverga yuboriladi, bu erda element elementning atributi bilan belgilanadi va qiymat qiymat atributidir.

Value atributi element turiga qarab quyidagi rol o'ynaydi:

  • tugmalar uchun (kiritish turi \u003d "tugma | tiklash | yuborish") ularga matn sarlavhasini o'rnatadi;
  • matn maydonlari uchun (kiritish turi \u003d "parol | matn") avval kiritilgan qatorni belgilaydi. Foydalanuvchi matnni o'chirib tashlashi va o'z belgilarini kiritishi mumkin, ammo "Reset" tugmasi shaklida foydalanilganda foydalanuvchi matni tozalanadi va kiritilgan qiymat atributi tiklanadi;
  • tasdiqlash qutilari va radio tugmachalari uchun (kiritish turi \u003d "checkbox | radio") har bir elementni o'ziga xos tarzda aniqlaydi, shunda mijoz yoki server dasturi foydalanuvchi qaysi elementni tanlaganligini noyob tarzda aniqlay oladi.
  • fayl maydoni uchun (kiritish turi \u003d "fayl") hech qanday ta'sir ko'rsatmaydi.

Sintaksis

Qadriyatlar

Har qanday matn satri.

Standart qiymat

ARIA rol qiymatlari

  • - rol \u003d tugma
  • - rol \u003d katakcha
  • - rol \u003d matn qutisi
  • - rol \u003d tugma
  • - rol \u003d spinbutton
  • - rol \u003d radio
  • - rol \u003d slayder
  • - rol \u003d tugma
  • - rol \u003d qidirish qutisi
  • - rol \u003d tugma
  • - rol \u003d matn qutisi
  • - rol \u003d matn qutisi
  • - rol \u003d kombinat qutisi
  • - rol \u003d matn qutisi
Maqola sizga yoqdimi? Do'stlar bilan bo'lishish uchun: