HTML veidlapas ir viens no vienkāršākajiem veidiem, kā pievienot interaktivitāti jūsu vietnei. Jūs varat uzdot jautājumus un lūgt atbildes no saviem lasītājiem, sniegt papildu informāciju no datu bāzēm, izveidot spēles un daudz ko citu. Ir vairāki HTML elementi, kurus varat izmantot veidlapu veidošanai. Un, kad esat izveidojis savu veidlapu, ir daudz dažādu veidu, kā iesniegt šos datus serverim vai vienkārši sākt veidlapas darbību.
Tie ir vairāki veidi, kā varat iesniegt veidlapas:
-
- Šī ir visizplatītākā datu iegūšanas metode serverī, taču tā var būt ļoti vienkārša.
-
- Izmantojot attēlu, ir ļoti vienkārši padarīt jūsu iesniegšanas pogu atbilstošu jūsu vietnes stilam. Bet daži cilvēki to nevar atpazīt kā iesniegšanas pogu.
-
- Poga
INPUT tag dod daudz tādu pašu iespēju kā attēlu
INPUT tag, bet izskatās vairāk kā standarta iesniegšanas veids. Lai to aktivizētu, ir nepieciešams JavaScript.
- Poga
-
- The
BUTTON tag ir daudzpusīgāks pogas veids nekā
INPUT tag Šis taga nepieciešams aktivizēt Javacript.
- The
- The
KOMANDA elements ir jauns HTML5 formātā, un tas nodrošina veidu, kā aktivizēt skriptus un veidlapas ar saistītajām darbībām. Tas ir aktivizēts ar JavaScript.
- The
INPUT elements
Ievads
INPUT elements ir visizplatītākais veids, kā iesniegt veidlapu, viss, kas jums jādara, ir izvēlēties veidu (
poga,
attēls, vai
Iesniegt) un, ja nepieciešams, pievienojiet dažus skriptus, lai iesniegtu veidlapas darbību.
The elementu var rakstīt tieši tāpat. Bet, ja jūs to izdarīsit, dažādos pārlūkos būs dažādi rezultāti. Lielākā daļa pārlūkprogrammu izveido pogu, kas saka "Iesniegt", bet Firefox izveido pogu, kurā ir norāde "Iesniegt vaicājumu". Lai mainītu pogas nosaukumu, jums vajadzētu pievienot atribūtu:
value = "Iesniegt veidlapu">
Elements ir rakstīts tādā pašā veidā, bet, ja jūs izslēdzat visus pārējos atribūtus, viss, kas tiks parādīts pārlūkprogrammās, ir tukša pelēka poga. Lai pogai pievienotu tekstu, izmantojiet
vērtībaatribūts Bet šī poga nesniegs veidlapu, ja jūs neizmantojat JavaScript.
onclick = "submit ();">
Tas ir līdzīgs
pogaveids, kuram ir nepieciešams skripts, lai iesniegtu veidlapu. Izņemot teksta vērtības vietā, jums jāpievieno attēla avota URL.
Pogas elements
The
BUTTONelementam ir nepieciešams gan atvēršanas tags, gan aizvēršanas tags. Ja to izmantojat, jebkurš saturs, ko jūs ievietojat tagā, tiks ievietots pogai. Tad jūs aktivizējat pogu ar skriptu.
Iesniegt formu
Jūs varat iekļaut attēlus savā pogas vai apvienot attēlus un tekstu, lai izveidotu interesantāku pogu.
Komandas elements
The
KOMANDAelements ir jauns ar HTML5. Tas neprasa a
VEIDLAPA kas jāizmanto, bet tā var būt veidlapas iesniegšanas poga. Šis elements ļauj izveidot vairāk interaktīvu lapu, neprasot veidlapas, ja vien jums patiešām nav vajadzīgas veidlapas. Ja vēlaties komandu kaut ko pateikt, jūs rakstāt informāciju a
etiķeteatribūts
label = "Iesniegt veidlapu">
Ja vēlaties, lai jūsu komandu attēlotu ar attēlu, jūs izmantojat
ikonaatribūts
icon = "submit.gif">
HTML veidlapām ir vairāki dažādi iesniegšanas veidi, kā jūs uzzinājāt iepriekšējā lapā. Divas no šīm metodēm ir
INPUTtag un
BUTTONtag Ir labi iemesli izmantot abus šos elementus.
Ievades elements
Tag ir vieglākais veids, kā iesniegt veidlapu. Tajā nav nekas vairāk par tagu, pat ne
vērtībaKad klients noklikšķina uz pogas, tas tiek iesniegts automātiski. Jums nav jāpievieno neviens skripts, pārlūkprogrammas zina, lai iesniegtu veidlapu, kad iesniegsit
INPUTtag tiek noklikšķināts.
Problēma ir tā, ka šī poga ir ļoti neglīta un vienkārša. Jūs nevarat pievienot attēlus tam. Jūs varat to stilīgi, tāpat kā jebkuru citu elementu, bet tas joprojām var justies kā neglīts poga.
Izmantojiet
INPUTmetode, kad jūsu veidlapai jābūt pieejamai arī pārlūkprogrammās, kurās ir izslēgts JavaScript.
BUTTON elements
The
BUTTONelements piedāvā vairāk iespēju iesniegt veidlapas. Jūs varat ievietot kaut ko iekšā a
BUTTONelementu un pārvērtiet to par iesniegšanas pogu. Visbiežāk cilvēki izmanto attēlus un tekstu. Bet jūs varētu izveidot a
DIV un padarīt šo visu lieta iesniegšanas pogu, ja vēlaties.
Lielākais trūkums
BUTTONelements ir tas, ka tā automātiski neiesniedz formu. Tas nozīmē, ka tam ir jābūt kāda veida skriptam, lai to aktivizētu. Un tā tas ir mazāk pieejams nekā
INPUTmetode. Jebkurš lietotājs, kuram nav ieslēgts JavaScript, nevar iesniegt veidlapu tikai ar
BUTTONelements to iesniegt.
Izmantojiet
BUTTONmetode formās, kas nav tik kritiskas. Tas ir arī lielisks veids, kā vienā formā pievienot papildu iesniegšanas opcijas.
