interaktiv veb-saytning bir qismi. Natijada, keramikaning barcha elementlari (masalan
.tahrirlash tugmasi Uchinchi Q HTML elementi bir shaklning o'rtasiga joylashtiriladi
Xuddi shunday HTML sahifasida, qo'shni elementda ro'yxatdan o'tish formasini qo'shishingiz mumkin Matn maydonlari har qanday ma'lumot maydoniga kirish uchun aybdor utrimuvati.
Brauzerlar boshqaruv interfeysini osongina o'zgartirishi mumkin interaktivlik yoki uning o'rniga qaysi birini izlashni taklif qiling.
Masalan, parol maydonida belgilarni almashtirish nuqtalari ko'rsatilgan.
Va raqamlar maydoni qo'shimcha yuqoriga va pastga tugmalari yordamida qiymatlarni oshirish/o'zgartirish imkonini beradi. joy ushlagich Matn maydonlari ko'rsatilishi mumkin taklif qiluvchi
Ismingizni kiriting
Yozishni boshlashingiz bilan siz "Ismingizni kiriting" matni endi ko'rinmasligini sezasiz. Shakl elementlarining o'zi unchalik tavsifli bo'lmaganligi sababli, matn ularni etkazadi .
belgi
Elektron pochta
O'sha paytda, to'ldiruvchi allaqachon qanday almashtirish sodir bo'lishi haqida maslahat berganligi sababli, belgilar har qanday vaqtda ko'rinmas bo'lib, muhimroq bo'lib qoladi va boshqa turdagi shakl elementlariga, masalan, nisbatlar yoki almashinishlarga xalaqit berishi mumkin. Agar xohlasangiz, shakl elementlarini tasvirlash uchun qisqa paragraflar yaratishingiz mumkin, vikoristana Bu semantik jihatdan to'g'riroq, chunki shakllarda hid kamroq seziladi. Siz bilan ham to'qishingiz mumkin qo'shiq elementi
Maydonning maxsus id qiymati uchun qo'shimcha atribut yordamida shakl.
men
Belgini bosganingizda, diqqat matn maydoniga o'tadi va kursorni uning o'rtasiga qo'yadi. Belgini bosganingizda, diqqat matn maydoniga o'tadi va kursorni uning o'rtasiga qo'yadi. Hozircha, bu havola buzilganga o'xshaydi, ammo sizga praporşistlar va alternatorlar kerak bo'ladi.
Praportsi
- shaklning barcha elementlari, ularni ikki bosqichga bo'lish mumkin: siqilgan yoki siqilgan.
.
Koristuvachega nima uchun "Shunday" va "Yo'q" deyishiga ruxsat berish muhimdir.
Meni eslaysizmi
Fragmentlarni kichik praporshchikka bosish qiyin bo'lishi mumkin, o'rtada praporshchini va uning tavsifini joylashtirish tavsiya etiladi
Men miyalar uchun yaxshiman
Prashyorni almashtirish uchun "Men aqldan ozganman" matnini yozishingiz mumkin. Praporshnik o‘z vazifalari uchun jazolandi. Belgilangan atributdan foydalanib, uni belgilangan deb belgilashingiz mumkin. Vikoristat mening to'lov manzilim
Peremikachi Siz koristuvachevi berishingiz mumkin variantlar ro'yxati
Qo'shimcha remikserlar uchun tanlang.
Ushbu robot shakl elementi uchun sizning HTML kodingiz javobgardir
guruh
bir vaqtning o'zida remikslar ro'yxati.
Bunga name atributi uchun bir xil qiymatdan foydalanish orqali erishiladi:
Oilaviy lager Qurolsiz Do'stlik Ajralishlar .
Beva ayol Barcha peremikachlarning bo'laklari vikoristovuyutsya, ammo nom atributining bir xil qiymatlari (ichida) bu yigitga holat qiymatlari), variantlardan birini tanlash qolganlarga ta'sir qiladi. Peremikachi ê (bu kamida ikkita variantni bildiradi).
Bundan tashqari, mutanosib ravishda bosish qoniqarli , o'sha soatda siz kalitlardan birini tanlaganingizda obov'yazkovim .
Nima uchun eng yaqin variantni tanlash uchun kalitni yoqish mumkin emas. Amalga oshirilgandan so'ng, birinchi navbatda kalitlardan biri tanlanadi.
.
VIP menyu
Tanlash uchun variantlar soni juda ko'p joy egallaganligi sababli, paydo bo'lgan menyuda tezda harakat qilishingiz mumkin
Nasoslar o'zgarmaguncha hidlar xuddi shunday ishlaydi, faqat kompozitsion buziladi.
Sichen
Lutius
Berezen
Kviten
Traven
Cherven
Lipnya
Serpen
Veresen
Jovten
Barglarning tushishi ko'krak qafasi
Ko'rsatilgan menyudan bir nechta tanlov
Bir nechta atributni qo'shish orqali siz bir nechta variantni tanlashingiz mumkin.
nadsilannya poshti uchun (1-rasm),
Qaysi brauzerlardan foydalanasiz?
Google Chrome
Mozilla Firefox
Opera
Safari
Ctrl (yoki ⌘) tugmalaridan foydalanib, bir nechta variantlarni tanlang va bosing.
Misol: to'liq ro'yxatdan o'tish shakli
janob
Maydonning maxsus id qiymati uchun qo'shimcha atribut yordamida shakl.
Pan
belgi
Xonim
Xonim.
Taxallus
Telefon
Parol
Parolni tasdiqlang
Kraina
Kanada
Fransiya
Nimechchina
Italiya
Yaponiya
Rossiya
Buyuk Britaniya
AQSh
Men Vikoristonning miyasi uchun yaxshiman
Roʻyxatdan oʻtish
Boshqa shakl elementlari ham mavjud va biz eng mashhurlarini ko'rib chiqdik.
Tavsif
teg
formani veb-sahifaga kiritadi.
Shakl server va server o'rtasida ma'lumotlar almashinuvi uchun mo'ljallangan. Shakllar saqlanadigan maydon mijoz skriptlari yordamida serverga ma'lumotlarni yuborish bilan cheklanmaydi, siz formaning istalgan elementiga kirishni rad etishingiz, uni o'zgartirishingiz va o'zingizning xohishingiz bilan saqlashingiz mumkin; Hujjatda bir nechta shakllar bo'lishi mumkin yoki bir vaqtning o'zida serverga faqat bitta shakl yuborilishi mumkin. Aybning ushbu sabablari va shakllariga ko'ra, ular bir xil turdagi mustaqildir.
Shaklni serverga yuklash uchun Yuborish tugmasi mavjud bo'lib, unga forma orasidagi Enter tugmasini bosish orqali ham erishish mumkin.
Parametrlar CGI dasturlari tomonidan manzildan keyin ko'rsatilgan quvvat belgisi asosida o'zgartiriladi va ampersand belgisi (&) bilan ajratiladi.
Lotin bo'lmagan belgilar o'n oltilik belgilarga aylantiriladi (%HH shaklida, bu erda HH - ASCII belgisi qiymatining o'n oltilik kodi), bo'shliq ortiqcha (+) bilan almashtiriladi.
Idishning o'rtasida ruxsat beriladi
Boshqa teglarni joylashtiring, bu holda formaning o'zi veb-sahifada ko'rsatilmaydi, faqat uning elementlari va o'rnatilgan teglarning natijalari ko'rinadi.
...
Sintaksis Atributlar Server ma'lumotlarni qabul qilishi va qayta ishlashi mumkin bo'lgan kodni o'rnatadi.
Shakl ma'lumotlarini to'playdigan hujjat dasturining manzillari.
shakl elementlari, masalan, mijoz tomonidan ma'lumotlarni kiritish uchun standart maydonlar;
Shakl maydonlarini avtomatik to'ldirishni yoqadi.
Ushbu shakllarni kodlash usuli.
Shakl nomi.
Ikkala freymda ham oyna mavjud bo'lib, unda namuna oluvchi aylanadigan natijani oladi.
Obov'yazkovy.
FORM tegi "OS" qisqartmasini qanday tushunasiz? a1
Ofitserlar ombori
a2
Operatsion tizim
a3
Katta pashshalar to'dasi
Natija
dumba berilgan
shaklda ko'rsatilgan. 1. Guruch. 1. Brauzer oynasida forma elementlarining ko'rinishi
HTML-dagi shakllar eng murakkab, ammo boshqa tomondan, HTML-da eng foydali mavzu bo'lishi mumkin.
.
Veb-shakllar saytga tashrif buyuruvchilarga boshqa ma'lumotlarni maxsus maydonlarga kiritish imkonini beradi va o'quvchi uni yangi ko'rinish uchun qo'lda ko'rishi mumkin. Butt shakli mehmonlar kitobi, anketa, onlayn test bo'lishi mumkin. ).
Shakllar saytda ro'yxatdan o'tishdan oldin yoki onlayn-do'konda so'rov yuborishda to'ldirilishi kerak. HTML-dan foydalanib, siz forma ramkasini yaratishingiz mumkin: matn maydonlari, menyular, ro'yxatlar, tugmalar, nisbatlar va boshqaruv elementlari. Bu ma'lumotlar shaklga kiritiladigan elementlardir. Shakl kiritilgandan so'ng, u qayta ishlash uchun serverga yuboriladi. Shakllarda juda ko'p suiiste'molliklar mavjud.
Teg nomi atributi
majburiy emas.
Agar hujjatda bir nechta shakllar mavjud bo'lsa, unda ulardan terini namuna oluvchi aniqlashi mumkin. Shuning uchun nom atributining mavjudligi har doim zarur - bu shaklning noyob nomini belgilaydi. Siz kiritilgan ma'lumotlar uchun kodlashni ham o'rnatishingiz mumkin - bu accept-charset atributi, shuningdek qo'shimcha bilan ko'rsatiladi. maqsadli atribut ).
, bu yuborilgan shaklni qayta ishlash natijasi ko'rsatiladigan joyni bildiradi (
yangi yoki ishlab chiqarish liniyasida
Ale o'z-o'zidan teg
Roʻyxatdan oʻtish Shakl birinchi navbatda kiritilishi kerak bo'lgan ma'lumotlarni uzatsa ham, hech qanday ma'no yo'q!
Ma'lumotlarni kiritish. Shakl maydonlari - teg Ko'pincha shakllar tegga ega. Shaklga ma'lumotlarni kiritish uchun xizmat qiluvchi turli elementlarni yaratish uchun bir nechta foydalanish mavjud: matn maydonlari, tugmalar, nisbatlar, jumperlar.
Chegirma tugmasi. і
Roʻyxatdan oʻtish Shakl maydonlarini asl ko'rinishiga aylantiradi. Skidannya o'lponlarni topshirdi.
Ma'lumotlarni kiritish tugmasi. Qayta belgilanishi kerak bo'lgan fayl nomini kiritish uchun maydon. Rasm tugmasi.
Shuningdek, serverga ma'lumotlarni yuklash uchun xizmat qiladi. src atributi rasm faylining manzilini belgilaydi. Prixovane maydoni koristuvachga ko'rinmaydi.
Ochilgan narsalar ro'yxati - teglar Ctrl va Shift tugmalari yordamida ro'yxatdagi bir qator elementlarni tanlash imkonini beradi.
Bir nechta atributdan foydalangan holda, ro'yxatdagi barcha elementlar yoki ularning qismlari ko'rsatiladi ( Albatta brauzerda ), chunki o'lcham atributi ko'rinadigan elementlar soniga o'rnatilmagan.
Ochilgan ro'yxatning majburiy elementi tegdir . Belgining o'rtasida
U har bir elementni ro'yxatga qo'shadi. Tegning nom atributi bo'yicha qo'shimcha yordam uchun ro'yxatga nomlar beriladi, undan keyin tegning qo'shimcha atribut qiymati beriladi
Ro'yxat elementiga qiymat bering. Shunday qilib, serverga "nomlar = qiymatlar" juftligi yuboriladi - ro'yxat nomlari va tanlangan element/lar qiymatlari.
Tegning tanlangan atributi
Yorug'lik tomoni to'rtta asosiy yo'nalishdan biridir:
Pivnich
Pivden
Zohid
Sharq
Skhid
Dunyoning 7 ta mo'jizasi!
Xeops piramidasi
Semiramining osilgan bog'lari
Olimpiyadagi Zevs haykali
Efesdagi Artemida ibodatxonasi
Galikarnasdagi maqbara
Oleksandriyskiy mayoqchasi
Roʻyxatdan oʻtish Skidannya
Teg nomi atributi Bagatostroke matn maydoni - teg
Ko'p qatorli matn maydonini yarataman.
Kollektorga ma'lumotlarni uzatishda saqlangan qatorlarni ham o'tkazishingiz mumkin.
ê obov'yakovim – ushbu matn maydonining yordami uchun nomlarni belgilang.
ê obov'yakovim – ushbu matn maydonining yordami uchun nomlarni belgilang.
O'chirilgan atribut maydonni bloklaydi - maydonni o'zgartirib bo'lmaydi va mavjud emas.
Faqat o'qish uchun atribut maydoni o'qish uchun mo'ljallanmagan - uni kirish o'rniga tahrirlab bo'lmaydigan - ko'rish va, masalan, nusxa ko'chirish mumkin bo'lganlarga tegishlidir.
Siz qo'shimcha atributlar yordamida matn maydonining kengligini belgilar bilan va satrlar balandligini belgilashingiz mumkin: cols va satrlar.
Agar siz maydon o'rniga o'lchamni siljitsangiz, slayder paydo bo'ladi.
Vikoristannya formi dumba
Dastlabki video material uchun shakl:
Sizning so'rovingiz:
HTML bilan video dars
CSS
CSS bilan video darslik
PHP
PHP video dars
Burunni tanlang:
CD
2018-06-28
USB flesh
Sizning elektron pochta manzilingiz: *
Sizning manzilingiz: *
Yuborish
Shu bilan birga, forma funktsional komponentlar va matn maydonlarining xilma-xilligi bilan interfeysga katlanadigan elementlar bilan to'ldirilishi kerak.
Shuning uchun, ushbu bo'limda biz asosiy elementlarni ko'rib chiqishga harakat qilamiz, ularni yaratilayotgan saytga amaliy qo'shishga alohida e'tibor qaratamiz.
Bundan tashqari, MySQL ma'lumotlar bazasiga ega robotlarning quvvat manbai ham buziladi.
Shunday qilib, bizning dumbalarimizdagi shakllarning turg'unligi ularning ma'lumotlar bazasi jadvallari bilan o'zaro ta'siri bilan uzviy bog'liq bo'ladi.
Bunday holda, foydalanuvchilar tomonidan kiritilgan ma'lumotlar saqlanadi, bu so'rovlarni qayta ishlash jarayonida server tomonidan to'planadi.
Zagalom HTML shakllari haqida
Bundan tashqari, MySQL ma'lumotlar bazasiga ega robotlarning quvvat manbai ham buziladi.
onlayn so'rov shakli
Avtorizatsiya shakli , , ê blok elementi, bu degani .
kaliper shakli
Veb-sahifadagi forma blok elementi bilan kiritiladi
, bu kabi ma'lumotlarni kiritish uchun mas'ul bo'lgan barcha elementlarni o'z ichiga olgan konteynerdir Teg narxida
Bir qancha sifatlar mavjud bo'lib, ular orasida majburiy bo'lganlari ham bor.
Bu "harakat" bo'lib, u shakl yuboriladigan boshlang'ich manzilga va "usul" yuboriladigan dastlabki usulga (POST yoki GET) ishora qiladi. Bu elementlar orasidagi farq nima, teg boshqacha
Shu maqsadda qo'shimcha ma'lumotlar uzatiladi va interfeysning turli elementlari yaratiladi. Bundan tashqari, kiritilgan maydonlar turi asosiy atribut "turi" bilan ko'rsatilgan, bu ularning funktsional maqsadini bildiradi. "#"
Shunday qilib, qiymat "matn" bo'lganda - matn maydoni, "parol" - parolli maydon, "elektron pochta" - elektron pochta manzilini kiritish uchun maydon, "radio" - remikser, "checkbox" - praporsh, "yuborish" - shaklni yuborish tugmasi. Ko'rsatkichlar ostida vikoristan elementining dumbasi joylashgan
>
har xil turdagi maydonlar uchun"misol" harakat =
>
usuli ="misol" usuli =
>
"post""misol" "post"
>
"matn""misol" nomi = "tizimga kirish" "elektron pochta"
>
"parol"
"yuborish" "tugma"
qiymat =
"Nadislat"
Internetda siz ishonchli bo'lishi mumkin bo'lgan juda ko'p miqdordagi HTML provayderlarini topishingiz mumkin.
Misol uchun, yuqorida aytib o'tganimdek, ushbu maqsadlar uchun siz WebReference.ru veb-texnologiyasi hisobotidan foydalanishingiz mumkin, ulardan biri barcha HTML5 elementlarining hisobot tavsifiga bag'ishlangan.
skrinshot 33
Shunday qilib, bizning dumbalarimizdagi shakllarning turg'unligi ularning ma'lumotlar bazasi jadvallari bilan o'zaro ta'siri bilan uzviy bog'liq bo'ladi.
Biz saytimizda funktsional tugunlarni yaratish uchun shakllarni amalda yaratish uchun keldik.
Va biz iloji boricha turli xil atributlarga ega bo'lgan turli elementlarni ajratib ko'rsatishga harakat qilamiz.
Ushbu saytda markirovkaga qarshi vositani o'rnatish uchun arizani ro'yxatdan o'tkazish topshiriladi.
Buning uchun siz avtomobil tafsilotlarini kiritishingiz va markalash usullarini tanlashingiz kerak.
Bundan tashqari, chegirma to'lash bilan yangi xavf ham, sug'urta ham.
Biz yaratgan onlayn so'rov shaklining muqobil versiyasi quyidagi skrinshotda ko'rsatilgan.
Fig.2 Onlayn buyurtma shakli
Bu erda quyidagi elementlar ta'kidlanadi:
Matn kiritish maydonidan;
Bunday holda, foydalanuvchilar tomonidan kiritilgan ma'lumotlar saqlanadi, bu so'rovlarni qayta ishlash jarayonida server tomonidan to'planadi.
Quyida ushbu funktsional qismni qanday shakllantirish kerakligi ko'rsatilgan.
Tasvirni kattalashtirish/o'lchamini o'zgartirish uchun rasm ustiga bosing
Fig.3 Ro'yxatdan o'tish shakli
Fig.2 Onlayn buyurtma shakli
Ushbu parametrga o'tkazilishi mumkin bo'lgan elementlar:
Zagalom HTML shakllari haqida
Ushbu shaklning nomi uning ahamiyati haqida gapiradi.
Shu sababli, xabardorlikni oshirish uchun barcha kerakli maydonlar mavjud.
Fig.2 Onlayn buyurtma shakli
Ushbu parametr to'rtta maydonga ega: ikkitasi jo'natuvchining nomi va pochta manzilini kiritish uchun va ikkitasi xabarni o'zi yuborish uchun.
Ushbu shaklning tashqi ko'rinishi keyingi skrinshotda ko'rsatilgan. Fig.5 Yoqa rishtasining shakli
Va men ushbu variantning barcha oqibatlarini ko'ra olaman:
Matnning bir qator qatorlarini kiritishingiz mumkin bo'lgan sohada.
formani bosish tugmasi bilan.
Shu tarzda, ushbu kirish maqolasida biz HTML shakllari bilan bog'liq harakatlarni ko'rib chiqdik.