Naudojant įvesties žymą pateikti formas
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.
-
- Žymos INPUT mygtukas suteikia tokias pačias parinktis kaip ir žyma "INPUT", bet atrodo labiau kaip standartinis pateikimo tipas. Tam reikia aktyvinti JavaScript.
-
- COMMAND elementas yra naujas HTML5 formoje, ir tai leidžia suaktyvinti scenarijus ir formas su susijusiais veiksmais. Jis aktyvuojamas su "JavaScript".
INPUT elementas
Elementas INPUT yra labiausiai paplitęs būdas pateikti formą, viskas, ką jūs darote, yra pasirinkti tipą (mygtukas, vaizdas arba pateikimas) ir prireikus pridėti kai kuriuos scenarijus, kuriuos norite pateikti formos veiksmui.
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 panašus į tą patį, tačiau, jei išskirsite visus kitus atributai, visi, kurie bus rodomi naršyklėse, yra tuščias pilkasis mygtukas. Norėdami pridėti tekstą prie mygtuko, naudokite vertės atributą. Bet šis mygtukas nepateiks formos, nebent naudosite "JavaScript".
onclick = "submit ();">
Panašus į mygtukų tipą, kuriai reikia scenarijaus pateikti formą. Išskyrus tai, kad vietoje teksto vertės reikia pridėti vaizdo šaltinio URL.
src = "submit.gif">
BUTTON elementas
BUTTON elementui reikalingas tiek atidarymo žymeklis, tiek uždarymo žyma. Kai jį naudojate, 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ą.
Pateikti formą
KOMANDRO elementas
COMMAND elementas yra naujas, turintis HTML5. Tam nereikia naudoti FORMA, 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ų, rašote informaciją etiketės atributo.
label = "Pateikti formą">
Jei norite, kad jūsų komanda būtų vaizduojama, naudokite piktogramos atributą.
icon = "submit.gif">
Šis straipsnis yra " HTML Forms Tutorial" dalis. Perskaitykite visą mokymo programą, kad sužinotumėte, kaip naudoti HTML formas.
HTML formų kelias būdas pateikti, kaip jūs sužinojote ankstesniame puslapyje. Du iš šių metodų yra INPUT žyma ir BUTTON žyma. Yra pagrįstų priežasčių naudoti abu šiuos elementus.
INPUT elementas
Žyma yra paprasčiausias būdas pateikti formą. Tai nereikalauja nieko daugiau už pačią žymą, net net vertę. Kai vartotojas spustelėja mygtuką, jis pateikia automatiškai. Jums nereikia pridėti jokių scenarijų, naršyklės žino, kad pateikti formą, kai paspaudus "Submit INPUT" žymą.
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.
Naudokite INPUT metodą, kai jūsų forma turi būti prieinama net naršyklėse, kuriose išjungtas "JavaScript".
BUTTON elementas
BUTTON elementas suteikia daugiau galimybių pateikti formas. Jūs galite įdėti bet ką į BUTTON elementą ir paversti mygtuku "Siųsti". Dažniausiai žmonės naudoja vaizdus ir tekstą. Bet jūs galite sukurti DIV ir padaryti visą šį dalyką mygtuku pateikti, jei norėtumėte.
Didžiausias BUTTON elemento trūkumas 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. Todėl jis yra mažiau prieinamas nei INPUT metodas. Bet kuris vartotojas, kuriam neįjungtas "JavaScript", negalės pateikti formos su tik BUTTON elementu, kad jį pateiktų.
Naudokite BUTTON metodą formose, kurios nėra tokios kritinės. Be to, tai puikus būdas pridėti papildomų pateikimo variantų vienoje formoje.
Šis straipsnis yra " HTML Forms Tutorial" dalis . Perskaitykite tai, kad sužinotumėte daugiau apie HTML formų naudojimą