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.
![](https://i.flipperworld.org/img/d64a65d45403950c57b4b7d009a95f.jpg)
. 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
![](https://i.flipperworld.org/img/799638885157e8d45e1b4dea278673.jpg)
Proces izmenjave informacij s strežnikom
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.
![](https://i.flipperworld.org/img/a8af3b5a99358fbf14d4bb9b428fa8.jpg)
določa lokacijo (URL), kjer je treba poslati zbrane podatke.
Kako izgleda strežnik
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.
![](https://i.flipperworld.org/img/6a2b6b100ae1fd9eeb96380a6a1812.jpg)
, 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
- 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
. 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.
![](https://i.flipperworld.org/img/f69d8373443c60367fd1148a44c1fa.jpg)
Kakšna je oblika
![](https://i.flipperworld.org/img/ac35e453ea1091dfe55a56dbf3d2be.jpg)
, 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.