HTML veidlapas ir ļoti spēcīgs rīks saziņai ar lietotājiem, taču tehnisku iemeslu dēļ ne vienmēr ir skaidrs, kā tās pilnībā izmantot. Ar vienkāršu datu iesniegšanu šajā gadījumā nepietiek – ir arī jāpārliecinās, ka dati, ko lietotāji aizpilda veidlapās, tiks nosūtīti pareizajā formātā, kas nepieciešams to veiksmīgai apstrādei un lai tas neizjauktu esošās lietojumprogrammas. Ir arī svarīgi palīdzēt lietotājiem pareizi aizpildīt veidlapas un neapmierināt, mēģinot izmantot lietojumprogrammas.
Tagu izmanto, lai izveidotu HTML veidlapu. Tas faktiski nerada piemali, bet tiek izmantots kā vecāku konteiners tādiem elementiem kā. Neatkarīgi no tā, vai vēlaties izveidot vienkāršu abonēšanas veidlapu ar parastu norēķināšanos un maksājumu vai interaktīvas tīmekļa lietojumprogrammas, jums būs jāizmanto HTML elementu tagi, no kuriem vissvarīgākais ir.
Cik standartaHTML veidlapas
HTML veidlapas tika izgudrotas un lielā mērā standartizētas pirms asinhronā JavaScript un sarežģītu tīmekļa lietojumprogrammu parādīšanās. Mūsdienās tiek izmantotas veidlapu ievades, pogas un citi mijiedarbības mehānismi, taču pamatā ir sistēma, kuras pamatā ir HTTP pieprasījuma un atbildes paradigma.
Kad lietotājs ielādē lapu, tiek nosūtīts http pieprasījums (parasti tā sauktais GET pieprasījums). Jūsu pārlūkprogramma to nosūta serverim, un parasti serveris atbild ar tīmekļa lapu, kuru lietotājs meklē. Šī mijiedarbība ir viens no vissvarīgākajiem interneta jēdzieniem. Un tas precīzi izskaidro, kā darbojas HTML veidlapas.
Informācijas apmaiņas process ar serveri
Katrs, kas ietver tādus elementus kā, atrodas iekšpusē, un tam ir nosaukuma atribūts (nosaukums), kā arī tā vērtība. Vērtība tiek definēta dažādos veidos. Tekstam tā būs vērtība, ko laukā ievadīja vietnes lietotājs. Radio pogai atlasītās opcijas vērtība. Lietotājs var iestatīt vērtību, bet visbiežāk nevar iestatīt nosaukuma atribūtu. Tādējādi tiek izveidota nosaukumu/vērtību pāru kopa, kurā vērtības tiek noteiktas pēc lietotāja ievades.
Galvenā atšķirība starp veidlapu un parastu HTML dokumentu ir tā, ka vairumā gadījumu veidlapas apkopotie dati tiek nosūtīti uz tīmekļa serveri. Šādā gadījumā datu saņemšanai un apstrādei ir jāiestata tīmekļa serveris. tag darbības atribūtsnorāda vietu (URL), kur jānosūta savāktie dati.
Kā izskatās servera atbilde
Kad veidlapa ir iesniegta, HTTP tiek iekļauti nosaukuma-vērtības pāri un visi elementa lauki. Pieprasījums tiek veikts uz URL, kas norādīts darbības atribūta formā. Pieprasījuma veids (GET vai POST) būs atribūtā Metode. Tas nozīmē, ka visi lietotāja sniegtie dati tiek nosūtīti uz serveri, tiklīdz tiek iesniegta veidlapa, un serveris ar šiem datiem var darīt visu, ko vēlas. Kad serveris saņem veidlapas iesniegumu, tas apstrādā to tāpat kā jebkuru citu HTTP pieprasījumu. Serveris dara visu nepieciešamo ar iekļautajiem datiem un izdod atbildi pārlūkprogrammai.
Ja atceraties, ka lapas ielāde ir atbilde, pamanīsit, ka šeit notiek tas pats. Tipiskā formā, kas izveidota ar tagu, atbilde ir jauna lapa, ko ielādējusi pārlūkprogramma. Parasti jaunā lapa aizstāj pašreizējo saturu, taču to var ignorēt ar mērķa atribūtu. Lielākā daļa tiešsaistes veidlapu darbojas šādā veidā, tāpēc lietotājs, aizpildot e-pasta abonēšanas veidlapu, tiek nosūtīts uz pateicības lapu.
Tīmekļa lietotnes un veidlapas bez atzīmes
Mūsdienu interaktīvās tīmekļa lietojumprogrammas izmanto JavaScript kodu, lai veiktu asinhronus http pieprasījumus. Tie ir zvani uz serveri, kas neizraisa lapas atkārtotu ielādi. Tie nepaļaujas uz tagu - uzvedībā iebūvētu HTML elementu. Tie neapvieno visus datus vienā veselumā.lietotājam un nesūtiet tos nekavējoties. Šī iemesla dēļ daudzi HTML + JS izkārtojuma dizaineri tīmekļa lietojumprogrammās neizmanto tagu visās veidlapās. Biežāk viņi to vienkārši izmanto kā sava veida konteineru dažāda veida ievades laukiem un elementiem. Šajā gadījumā izmantotās metodes un darbības atribūti nebūs redzami.
Vairāk par veidlapām
HTML veidlapas ir viens no svarīgākajiem aspektiem lietotāja mijiedarbībā ar vietni vai lietojumprogrammu. Tie ļauj lietotājiem iesniegt datus vietnē. Lielāko daļu laika dati tiek nosūtīti uz tīmekļa serveri, taču tīmekļa lapa tos var arī pārtvert, lai tos izmantotu pati. Ir daudz ar formu saistītu elementu - dažāda veida pogas, dažādu veidu selektori, atgriezeniskās saites mehānismi. Tāpēc var būt grūti izlemt, kādas vērtības piešķirt tagu atribūtiem. Kad runa ir par veidlapu izveidi, jums ir jāpanāk, lai tās darbotos dažādos ekrāna izmēros. Ir svarīgi padarīt tos pieejamus cilvēkiem ar invaliditāti. Tāpēc formas un atribūtu tagi, iespējams, ir vissarežģītākais HTML aspekts.
No kā sastāv forma
HTML veidlapa sastāv no viena vai vairākiem logrīkiem. Tie var būt vienas rindiņas vai vairāku rindiņu teksta lauki, atlases lodziņi, pogas vai radio pogas. Visbiežāk tie tiek saistīti ar atribūtu, kas apraksta to mērķi – pareizi ieviesti gan redzīgiem, gan neredzīgiem lietotājiem var skaidri norādīt, kā nokļūt līdz ievades formai. Atribūtsir pareizi saistīti ar to atribūtiem for un id. Pēc tam apzīmējums for attiecas uz atbilstošā logrīka id atribūtu, un ekrāna lasītājs, izmantojot to, nolasīs tajā rakstīto.
Papildus tagam raksturīgajām struktūrām ir svarīgi atcerēties, ka veidlapas ir tikai HTML kods. Tas nozīmē, ka veidlapu strukturēšanai varat izmantot visas HTML iespējas. Izplatīta prakse ir izmantot tagu, lai aplauztu elementus, kas marķēti ar
. Plaši tiek izmantoti arī HTML saraksti; strukturēšanai tiek izmantotas vairākas izvēles rūtiņas vai radio pogas. Pēc ievades lauku izveidošanas atliek pievienot pogu, izmantojot tagu, un pārbaudīt rezultātu. HTML veidlapu elastība padara tās par vienu no sarežģītākajām HTML formāta struktūrām. Bet ar pareizo struktūru, veidojot HTML veidlapu, varat nodrošināt, ka tā ir gan lietojama, gan pieejama.