Ievades taga izmantošana, lai iesniegtu veidlapas
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 poga piedāvā tādas pašas iespējas kā iezīmei INPUT, bet izskatās vairāk kā standarta iesniegšanas veids. Lai to aktivizētu, ir nepieciešams JavaScript.
-
- BUTTON tags ir daudzveidīgāks pogas veids nekā INPUT tags. Šis taga nepieciešams aktivizēt Javacript.
-
- COMMAND 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.
INPUT elements
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, pievienot skriptu, lai iesniegtu veidlapas darbību.
Elementu var rakstīt tāpat kā. 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 veido pogu, kurā ir teikts "Iesniegt", taču Firefox izveido pogu, kurā ir "Iesniegt vaicājumu". Lai mainītu pogas nosaukumu, jums vajadzētu pievienot atribūtu:
value = "Iesniegt veidlapu">
Elements ir uzrakstīts tāpat, bet, ja jūs atstājat visus citus 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ības atribūtu. Bet šī poga nesniegs veidlapu, ja jūs neizmantojat JavaScript.
onclick = "submit ();">
Tas ir līdzīgs pogas tipam, kuram ir nepieciešams skripts, lai iesniegtu veidlapu. Izņemot teksta vērtības vietā, jums jāpievieno attēla avota URL.
src = "submit.gif">
BUTTON elements
BUTTON elementam ir nepieciešams gan atvērums, 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.
Iesniegt formu
KOMANDU elements
COMMAND elements ir jauns ar HTML5. Tam nav nepieciešams FORM, taču tas 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, rakstāt informāciju marķējuma atribūtā.
label = "Iesniegt veidlapu">
Ja vēlaties, lai jūsu komandu attēlotu ar attēlu, izmantojat ikonas atribūtu.
icon = "submit.gif">
Šis raksts ir daļa no HTML Formas apmācības. Izlasiet visu pamācību, lai uzzinātu, kā izmantot HTML veidlapas.
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 INPUT tags un BUTTON tag. Ir labi iemesli izmantot abus šos elementus.
INPUT elements
Tag ir vieglākais veids, kā iesniegt veidlapu. Tam nav nekas vairāk par paša tagu, pat ne vērtību. Kad klients noklikšķina uz pogas, tas tiek iesniegts automātiski. Jums nav jāpievieno nekādi skripti, pārlūkprogrammas zina, lai iesniegtu veidlapu, kad tiek noklikšķināts iesniegt INPUT tagu.
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 INPUT metodi, ja jūsu veidlapai jābūt pieejamai pat pārlūkprogrammās, kurās ir izslēgts JavaScript.
BUTTON elements
BUTTON elements piedāvā vairāk iespēju iesniegt veidlapas. Jūs varat ievietot kaut ko BUTTON elementā un pārvērst to par iesniegšanas pogu. Visbiežāk cilvēki izmanto attēlus un tekstu. Bet jūs varētu izveidot DIV un padarīt šo visu par pogu, ja vēlaties.
Lielākais BUTTON elementa trūkums ir tāds, ka tā formāli neiesniedz automātiski. Tas nozīmē, ka tam ir jābūt kāda veida skriptam, lai to aktivizētu. Tāpēc tā ir mazāk pieejama nekā INPUT metode. Jebkurš lietotājs, kuram nav ieslēgts JavaScript, nevar iesniegt veidlapu ar tikai BUTTON elementu, lai to iesniegtu.
Izmantojiet BUTTON metodi formās, kas nav tik kritiskas. Tas ir arī lielisks veids, kā vienā formā pievienot papildu iesniegšanas opcijas.
Šis raksts ir daļa no HTML Formas apmācības . Lasiet to, lai uzzinātu vairāk par to, kā izmantot HTML veidlapas