HTML formos yra vienas iš pagrindinių būdų pridėti interaktyvumą jūsų svetainėje. Galite užduoti klausimus ir pakviesti atsakymus iš savo skaitytojų, pateikti papildomos informacijos iš duomenų bazių, kurti žaidimus ir dar daugiau. Yra keletas HTML elementų, kuriuos galite naudoti formoms kurti. Ir kai jūs sukūrėte savo formą, yra daugybė įvairių būdų pateikti šiuos duomenis į serverį arba tiesiog pradėti vykdyti formą.
Tai yra keli būdai, kaip galite pateikti formas:
-
- Tai yra labiausiai paplitęs duomenų į serverį gavimo būdas, tačiau tai gali būti labai paprastas.
-
- Naudojant vaizdą labai lengva padaryti, kad jūsų pateikimo mygtukas atitiktų jūsų svetainės stilių. Tačiau kai kurie žmonės gali nepripažinti jo kaip mygtuko pateikti.
-
- Mygtukas
INPUT žymė suteikia daug tų pačių pasirinkimų kaip ir vaizdas
INPUT žyma, bet atrodo labiau kaip standartinis pateikimo tipas. Tam reikia aktyvinti JavaScript.
- Mygtukas
-
- The
BUTTON žymelė yra labiau universalus mygtuko tipas nei
INPUT žyma Ši žyma reikalauja aktyvinti Javacript.
- The
- The
KOMANDA elementas yra naujas HTML5, ir tai suteikia galimybę suaktyvinti scenarijus ir formas su susijusiais veiksmais. Jis aktyvuojamas su "JavaScript".
- The
INPUT elementas
Įvestis
INPUT elementas yra labiausiai paplitęs būdas pateikti formą, viskas, ką jūs darote, yra pasirinkti tipą (
mygtukas,
vaizdas, arba
Pateikti) ir, jei reikia, pridėkite tam tikrus scenarijus, pateiktus formos veiksmui.
The elementas gali būti parašytas taip pat. Bet jei tai padarysite, skirtingų naršyklių rezultatai bus skirtingi. Daugelyje naršyklių yra mygtukas, kuriame rašoma "Pateikti", bet "Firefox" sukuria mygtuką "Pateikti užklausą". Norėdami pakeisti mygtuko pavadinimą, turite pridėti atributą:
value = "Pateikti formą">
Elementas yra parašytas panašiai, bet jei visi kiti atributai paliekami, visi, kurie rodomi naršyklėse, yra tuščias pilkasis mygtukas. Norėdami pridėti tekstą prie mygtuko, naudokite
vertęatributas. Bet šis mygtukas nepateiks formos, nebent naudosite "JavaScript".
onclick = "submit ();">
Tai yra panaši į
mygtukastipo, kuriai reikia scenarijaus pateikti formą. Išskyrus tai, kad vietoje teksto vertės reikia pridėti vaizdo šaltinio URL.
Mygtuko elementas
The
BUTTONelementui reikia tiek atidarymo žymos, tiek uždarymo žymos. Kai jį naudosite, bet koks turinys, kurį pridedate žyme, bus pridėtas prie mygtuko. Tada aktyvuosite mygtuką su scenarijau.
Pateikti formą
Galite įtraukti paveikslėlius į savo mygtuką arba sujungti vaizdus ir tekstą, kad sukurtumėte įdomiausią mygtuką.
Komandos elementas
The
KOMANDAelementas yra naujas HTML5. Tai nereikalauja a
FORMA būti naudojamas, tačiau jis gali būti formos pateikimo mygtukas. Šis elementas leidžia jums kurti daugiau interaktyvių puslapių nereikalaujant formų, nebent jums tikrai reikia formų. Jei norite, kad komanda kažką pasakytų, jūs rašote informaciją a
etiketėatributas.
label = "Pateikti formą">
Jei norite, kad jūsų komanda būtų pateikta vaizdais, naudojate
piktogramaatributas.
icon = "submit.gif">
HTML formų kelias būdas pateikti, kaip jūs sužinojote ankstesniame puslapyje. Du iš šių metodų yra
INPUTžymelę ir
BUTTONžyma Yra pagrįstų priežasčių naudoti abu šiuos elementus.
Įvesties elementas
Žyma yra paprasčiausias būdas pateikti formą. Tai nereikalauja nieko daugiau už pačią žymą, netgi a
vertęKai vartotojas spustelėja mygtuką, jis pateikia automatiškai. Jums nereikia pridėti jokių scenarijų, naršyklės žino pateikti formą, kai pateikia
INPUTžyma spustelėta.
Problema ta, kad šis mygtukas yra labai negraži ir paprastas. Negalite pridėti prie jo vaizdų. Galite jį stilizuoti kaip ir bet kurį kitą elementą, tačiau jis vis tiek gali jaustis kaip negraži mygtukas.
Naudoti
INPUTmetodas, kai jūsų forma turi būti prieinama net naršyklėse, kuriose išjungtas "JavaScript".
BUTTON elementas
The
BUTTONelementas siūlo daugiau formų pateikimo galimybių. Jūs galite įdėti ką nors viduje
BUTTONelementą ir paverskite jį mygtuku "pateikti". Dažniausiai žmonės naudoja vaizdus ir tekstą. Bet jūs galite sukurti
DIV ir jei norite, atlikite visą šį dalyką.
Didžiausias trūkumas
BUTTONelementas yra tai, kad ji automatiškai nepateikia formos. Tai reiškia, kad turi būti tam tikros rūšies scenarijus, kad jį būtų galima įjungti. Ir todėl jis yra mažiau prieinamas nei
INPUTmetodas. Bet kuris vartotojas, kuriam nėra įjungta "JavaScript", negalės pateikti formos tik su
BUTTONelementas pateikti jį.
Naudoti
BUTTONmetodas formomis, kurios nėra tokios kritinės. Be to, tai puikus būdas pridėti papildomų pateikimo variantų vienoje formoje.
