Oznaka obrazca: opis, vrednost, aplikacija - Tehnološke novice in visoka tehnologija flipperworld.org

Obrazci HTML so zelo zmogljivo orodje za interakcijo z uporabniki, vendar iz tehničnih razlogov ni vedno jasno, kako jih uporabljati v celoti. Enostavno pošiljanje podatkov v tem primeru ni dovolj - potrebno je tudi zagotoviti, da bodo podatki, ki jih uporabniki izpolnijo, poslani v pravilni obliki, ki je potrebna za njihovo uspešno obdelavo, in da jih obstoječi programi ne bodo prekinili. Pomembno je tudi pomagati uporabnikom, da pravilno izpolnijo obrazce in da ne bodo razočarani, ko poskušajo uporabljati aplikacije.

Za izdelavo obrazca HTML se uporablja oznaka

. Pravzaprav ne ustvari polja, ampak se uporablja kot starševski vsebnik za take elemente kot. Če želite narediti preprost obrazec za naročnino, z rednim preverjanjem veljavnosti in plačilom ali interaktivno spletno aplikacijo, boste morali uporabiti elemente HTML oznake, od katerih je najpomembnejša

.

Kako delujejo standardni obrazci HTML

Oblike HTML so bile izumljene in večinoma standardizirane do videza asinhronih javascriptov in kompleksnih spletnih aplikacij. Danes se uporabljajo vhodni obrazci, gumbi in drugi mehanizmi interakcij, vendar temeljijo na sistemu, ki temelji na zahtevi HTTP in paradigmi odziva.

Ko uporabnik naloži stran, se pošlje http zahteva (običajno tako imenovana zahteva GET). Vaš brskalnik pošlje strežnik, strežnik pa običajno ustreza spletni strani, ki jo išče uporabnik. Ta interakcija je tameden najbolj temeljnih konceptov interneta. To pojasnjuje, kako HTML deluje.

Proces izmenjave informacij s strežnikom

Vse, kar vključuje elemente, kot so, so znotraj

in imajo ime atributa (ime), kakor tudi njegovo vrednost. Vrednost se določi drugače. Za besedilo bo to vrednost, ki je bila vnesena v uporabniško polje spletnega mesta. Za izbirni gumb vrednost izbranega parametra. Uporabnik lahko nastavi vrednost, vendar večina ne more konfigurirati atributa ime. S tem se ustvari niz parov "ime-vrednost", v katerem se vrednosti določijo z uporabniškim vnosom.

Glavna razlika med obliko in običajnim HTML dokumentom je, da se v večini primerov podatki, ki jih zbere obrazec, pošljejo spletnemu strežniku. V tem primeru morate konfigurirati spletni strežnik za prejemanje in obdelavo podatkov. Atribut dejanja oznake

določa lokacijo (URL), kjer je treba poslati zbrane podatke.

Kako izgleda strežnik

Ko je obrazec poslan z imenom-vrednost para in so vsa polja znotraj

elementov vključena v HTTP. Zahtevana je zahteva za URL, ki je definiran v obliki atributa dejanja. Vrsta zahteve (GET ali POST) bo v atributu metode. To pomeni, da so vsi podatki, ki jih posreduje uporabnik, poslani strežniku takoj v postopku pošiljanja obrazca, strežnik pa lahko s temi podatki počne, kar hoče. Ko strežnik prejme obrazec za pošiljanje, ga zazna kot katero koli drugo zahtevo HTTP. Strežnik naredi vse, kar je potrebno, z vključenimi podatki in ga izdaodgovorite nazaj v brskalnik.

Če se spomnite, da je nalaganje strani odgovor, lahko vidite, da se enako dogaja tukaj. V tipični obliki, ustvarjeni z oznako

, je odgovor nova stran, ki jo naloži brskalnik. Praviloma nova stran nadomešča trenutno vsebino, vendar jo lahko znova določite z atributom cilja. Velika večina spletnih obrazcev deluje na ta način, zato uporabnik pošlje stran za zahvalo, ko izpolni obrazec za prijavo po elektronski pošti.

Spletne aplikacije in obrazci brez oznake

Sodobne interaktivne spletne aplikacije uporabljajo javascript za izvajanje asinhronih zahtev HTTP. To so strežniški klici, ki ne povzročajo ponovnega zagona strani. Ne zanašajo se na oznako

- element HTML, vgrajen v vedenje. Ne vgrajujejo vseh uporabniških podatkov v eno celoto in jih ne pošljejo takoj. Zato mnogi pajki HTML + JS v spletnih aplikacijah ne uporabljajo oznake

v vseh oblikah. Pogosteje jo preprosto uporabijo kot nekakšen zabojnik za različne vrste vhodnih polj in elementov. V tem primeru se uporabljajo atributi metode dejanja in ne bodo vidni.

Več o obliki

HTML obrazci so ena od glavnih točk interakcije uporabnika s spletnim mestom ali aplikacijo. Uporabnikom omogočajo pošiljanje podatkov na spletno mesto. Večino časa se podatki pošljejo strežniku, vendar ga spletna stran lahko prestreže, da bi jo uporabila sama. Obstaja veliko oblikovanih elementov - različnih tipov gumbov,selektorji za različne tipe, povratne mehanizme. Zato lahko pride do težav pri reševanju vprašanja, kaj morate dodeliti vrednosti atributov oznake

. Ko gre za ustvarjanje oblik, morate biti sposobni delati na različnih velikostih zaslona. Pomembno je, da postanejo dostopne invalidom. Zato je atribut oznake za obliko in atribut

verjetno najbolj zapleten vidik v HTML-ju.

Kakšna je oblika

Obrazec HTML je sestavljen iz enega ali več pripomočkov. Lahko so enojna ali večvrstična besedilna polja, izbirna polja, gumbi ali stikala. Najpogosteje so povezani z atributom, ki opisuje njihov namen - pravilno izveden lahko jasno nakaže tako vidom kot slepim uporabnikom, kako priti do vnosne oblike. Atribut je pravilno povezan z njihovimi atributi for in id. Za oznako se v tem primeru nanaša na atribut id ustreznega gradnika in bralnik na zaslonu, ki ga uporablja, bo prebral, v čem je zapisano.

Poleg struktur, značilnih za oznako

, je pomembno vedeti, da so obrazci samo koda v jeziku HTML. To pomeni, da lahko uporabite vso moč HTML za strukturiranje obrazcev. Običajna praksa je uporaba oznake za zavijanje predmetov z oznako. Prav tako se pogosto uporabljajo seznami HTML za strukturiranje uporabe večih potrditvenih polj ali izbirnih gumbov. Ko ustvarite polja za vnos, ostane, da dodate gumb s pomočjooznačite in preverite rezultat. Fleksibilnost obrazcev HTML je ena izmed najbolj zapletenih struktur v formatu HTML. Toda s pomočjo pravilne strukture pri oblikovanju obrazca HTML lahko zagotovimo, da bo hkrati primerna in dostopna.