Shakl tegi: tavsif, qiymat, ilova

Mundarija:

Shakl tegi: tavsif, qiymat, ilova
Shakl tegi: tavsif, qiymat, ilova
Anonim

HTML shakllari foydalanuvchilar bilan muloqot qilish uchun juda kuchli vositadir, biroq texnik sabablarga koʻra ulardan qanday qilib toʻliq foydalanish mumkinligi har doim ham aniq emas. Bu holatda shunchaki ma'lumotlarni taqdim etishning o'zi etarli emas - shuningdek, foydalanuvchilar shakllarda to'ldiradigan ma'lumotlar muvaffaqiyatli qayta ishlanishi uchun zarur bo'lgan to'g'ri formatda yuborilishiga va bu mavjud ilovalarni buzmasligiga ishonch hosil qilishingiz kerak. Shuningdek, foydalanuvchilarga shakllarni toʻgʻri toʻldirishga yordam berish va ilovalardan foydalanishga urinayotganda xafa boʻlmaslik kerak.

forma html tegi
forma html tegi

Teg HTML formasini yaratish uchun ishlatiladi. U aslida chegara yaratmaydi, lekin kabi elementlar uchun asosiy konteyner sifatida ishlatiladi. Muntazam hisob-kitob va toʻlov bilan oddiy obuna shaklini yoki interaktiv veb-ilovalarni yaratmoqchimisiz, ishlash uchun HTML element teglaridan foydalanishingiz kerak boʻladi, ulardan eng muhimi.

Qanday standartHTML shakllari

HTML shakllari asinxron JavaScript va murakkab veb-ilovalar paydo bo'lishidan oldin ixtiro qilingan va asosan standartlashtirilgan. Bugungi kunda forma kiritishlari, tugmalar va boshqa oʻzaro taʼsir mexanizmlari qoʻllaniladi, ammo buning negizida HTTP soʻrovi va javob paradigmasiga asoslangan tizim yotadi.

harakat atributi
harakat atributi

Foydalanuvchi sahifani yuklaganida http soʻrovi yuboriladi (odatda GET soʻrovi deb ataladi). U brauzeringiz tomonidan serverga yuboriladi va odatda server foydalanuvchi izlayotgan veb-sahifa bilan javob beradi. Ushbu o'zaro ta'sir Internetning eng asosiy tushunchalaridan biridir. Bu esa HTML shakllari qanday ishlashini aniq tushuntiradi.

Server bilan ma'lumot almashish jarayoni

Har biri, kabi elementlarni o'z ichiga oladi, ichida joylashgan va nom atributi (nomi), shuningdek uning qiymatiga ega. Qiymat turli yo'llar bilan aniqlanadi. Matn uchun bu sayt foydalanuvchisi tomonidan maydonga kiritilgan qiymat bo'ladi. Radio tugmasi uchun tanlangan variantning qiymati. Foydalanuvchi qiymatni o'rnatishi mumkin, lekin ko'pincha name atributini o'rnatolmaydi. Bu qiymatlar foydalanuvchi kiritishi bilan belgilanadigan nom/qiymat juftliklarini yaratadi.

forma tegining atributlariga qanday qiymatlar berilishi kerak
forma tegining atributlariga qanday qiymatlar berilishi kerak

Formaning oddiy HTML hujjatidan asosiy farqi shundaki, koʻp hollarda forma tomonidan toʻplangan maʼlumotlar veb-serverga yuboriladi. Bunday holda siz ma'lumotlarni qabul qilish va qayta ishlash uchun veb-serverni sozlashingiz kerak. teg harakat atributito'plangan ma'lumotlar yuborilishi kerak bo'lgan joyni (URL) belgilaydi.

Server javobi qanday ko'rinadi

Shakl yuborilganda nom-qiymat juftliklari va element ichidagi barcha maydonlar HTTP-ga kiritiladi. Amal atributi shaklida ko'rsatilgan URL manziliga so'rov yuboriladi. So'rov turi (GET yoki POST) usul atributida bo'ladi. Bu shuni anglatadiki, foydalanuvchi tomonidan taqdim etilgan barcha ma'lumotlar forma yuborilishi bilanoq serverga yuboriladi va server bu ma'lumotlar bilan xohlagan narsani qilishi mumkin. Server ariza yuborishni qabul qilganda, u boshqa HTTP so'rovi kabi ishlaydi. Server qoʻshilgan maʼlumotlar bilan nima qilish kerak boʻlsa shuni qiladi va brauzerga javob qaytaradi.

forma tegi atributlari
forma tegi atributlari

Agar sahifani yuklash javob ekanligini eslasangiz, bu yerda ham xuddi shunday holat sodir boʻlishini sezasiz. Teg bilan yaratilgan odatiy shaklda javob brauzer tomonidan yuklangan yangi sahifadir. Odatda, yangi sahifa joriy tarkibni almashtiradi, lekin bu maqsad atributi bilan bekor qilinishi mumkin. Onlayn shakllarning aksariyati shu tarzda ishlaydi, shuning uchun foydalanuvchi elektron pochta obuna shaklini toʻldirganda “Rahmat” sahifasiga yuboriladi.

Tegsiz veb-ilovalar va shakllar

Zamonaviy interaktiv veb-ilovalar asenkron http so'rovlarini amalga oshirish uchun JavaScript kodidan foydalanadi. Bular serverga qo'ng'iroqlar bo'lib, sahifani qayta yuklashga olib kelmaydi. Ular tegga tayanmaydi - xatti-harakatlarga o'rnatilgan HTML elementi. Ular barcha ma'lumotlarni bir butunga birlashtirmaydi.foydalanuvchi va ularni darhol yubormang. Shu sababli, veb-ilovalardagi ko'plab HTML + JS maket dizaynerlari tegdan barcha shakllarda foydalanmaydi. Ko'pincha ular uni har xil turdagi kirish maydonlari va elementlari uchun konteyner sifatida ishlatishadi. Bunday holda, foydalanilgan usul va amal atributlari ko‘rinmaydi.

Formalar haqida batafsil

HTML shakllari foydalanuvchining veb-sayt yoki ilova bilan oʻzaro aloqasidagi muhim jihatlardan biridir. Ular foydalanuvchilarga saytga ma'lumotlarni yuborish imkonini beradi. Ko'pincha ma'lumotlar veb-serverga yuboriladi, lekin veb-sahifa o'z-o'zidan foydalanish uchun uni ushlab turishi mumkin. Shakl bilan bog'liq ko'plab elementlar mavjud - har xil turdagi tugmalar, har xil turdagi selektorlar, qayta aloqa mexanizmlari. Shuning uchun teg atributlariga qanday qiymatlarni belgilashni hal qilish qiyin bo'lishi mumkin. Shakllarni yaratish haqida gap ketganda, ularni turli ekran o'lchamlarida ishlashga majbur qilishingiz kerak. Ularni nogironlar uchun qulay qilish muhim. Shuning uchun shakllar va atribut teglari HTMLning eng murakkab jihati hisoblanadi.

forma tegi atributlari
forma tegi atributlari

Shakl nimadan iborat

HTML formasi bir yoki bir nechta vidjetdan iborat. Ular bir qatorli yoki ko'p qatorli matn maydonlari, tanlash qutilari, tugmalar yoki radio tugmalari bo'lishi mumkin. Ular ko'pincha ularning maqsadini tavsiflovchi atribut bilan bog'lanadi - to'g'ri amalga oshirilganda, ko'r va ko'r foydalanuvchilarga kirish shakliga qanday kirishni aniq ko'rsatishi mumkin. Xususiyatmos ravishda for va id atributlari bilan to'g'ri bog'langan. Keyin for yorlig'i mos keladigan vidjetning id atributiga ishora qiladi va undan foydalanib, ekranni o'quvchi unda nima yozilganini o'qiydi.

forma yorlig'i
forma yorlig'i

Tegga xos tuzilmalardan tashqari, formalar faqat HTML kodi ekanligini unutmaslik kerak. Bu sizning shakllaringizni tuzish uchun HTMLning to'liq quvvatidan foydalanishingiz mumkinligini anglatadi.bilan teglangan elementlarni oʻrash uchun tegdan foydalanish odatiy holdir.

. HTML ro'yxatlari ham keng qo'llaniladi; tizimlashtirish uchun bir nechta belgilash katakchalari yoki radio tugmalari ishlatiladi. Kirish maydonlarini yaratgandan so'ng, teg yordamida tugmani qo'shish va natijani tekshirish qoladi. HTML shakllarining moslashuvchanligi ularni HTML formatidagi eng murakkab tuzilmalardan biriga aylantiradi. Lekin HTML formasini yaratishda toʻgʻri tuzilma yordamida siz undan foydalanish va foydalanish mumkinligiga ishonch hosil qilishingiz mumkin.

Tavsiya: