HTML obrazci so zelo zmogljivo orodje za interakcijo z uporabniki, vendar iz tehničnih razlogov ni vedno očitno, kako jih uporabiti v celoti. Preprosta oddaja podatkov v tem primeru ni dovolj – poskrbeti morate tudi, da bodo podatki, ki jih uporabniki izpolnijo v obrazcih, poslani v pravilni obliki, ki je potrebna za njihovo uspešno obdelavo in da to ne bo pokvarilo obstoječih aplikacij. Pomembno je tudi pomagati uporabnikom, da pravilno izpolnijo obrazce in da ne bodo razočarani, ko poskušajo uporabljati aplikacije.
Oznaka se uporablja za ustvarjanje obrazca HTML. Dejansko ne ustvarja roba, ampak se uporablja kot nadrejeni vsebnik za elemente, kot je. Ne glede na to, ali želite narediti preprost naročniški obrazec z rednim nakupovanjem in plačilom ali interaktivne spletne aplikacije, boste morali za delo uporabiti oznake elementov HTML, od katerih je najpomembnejša.
Kako standardnoHTML obrazci
HTML obrazci so bili izumljeni in v veliki meri standardizirani pred pojavom asinhronega JavaScripta in zapletenih spletnih aplikacij. Danes se uporabljajo vnosi obrazcev, gumbi in drugi mehanizmi interakcije, vendar je v središču tega sistem, ki temelji na paradigmi zahtev in odgovorov
Ko uporabnik naloži stran, se pošlje zahteva http (običajno tako imenovana zahteva GET). Vaš brskalnik ga pošlje strežniku in običajno strežnik odgovori s spletno stranjo, ki jo uporabnik išče. Ta interakcija je eden najbolj temeljnih konceptov interneta. In to natančno pojasnjuje, kako delujejo obrazci HTML.
Proces izmenjave informacij s strežnikom
Vsak, ki vključuje elemente, kot je, se nahaja znotraj in ima atribut imena (ime) ter svojo vrednost. Vrednost je definirana na različne načine. Za besedilo bo to vrednost, ki jo je v polje vnesel uporabnik spletnega mesta. Za izbirni gumb vrednost izbrane možnosti. Uporabnik lahko nastavi vrednost, najpogosteje pa ne more nastaviti atributa name. To ustvari nabor parov ime/vrednost, kjer so vrednosti določene z uporabniškim vnosom.
Glavna razlika med obrazcem in navadnim dokumentom HTML je v tem, da se v večini primerov podatki, zbrani z obrazcem, pošljejo spletnemu strežniku. V tem primeru morate nastaviti spletni strežnik za sprejemanje in obdelavo podatkov. atribut dejanja oznakedoloča lokacijo (URL), kamor naj se pošljejo zbrani podatki.
Kako izgleda odgovor strežnika
Ko je obrazec oddan, so pari ime-vrednost in vsa polja znotraj elementa vključeni v HTTP. Zahteva se izvede na URL, določen v obliki atributa dejanja. Vrsta zahteve (GET ali POST) bo v atributu metode. To pomeni, da se vsi podatki, ki jih zagotovi uporabnik, pošljejo strežniku takoj, ko je obrazec oddan, strežnik pa lahko s temi podatki počne, kar hoče. Ko strežnik prejme oddajo obrazca, jo obravnava kot vsako drugo zahtevo HTTP. Strežnik naredi vse, kar potrebuje, z vključenimi podatki in pošlje odgovor nazaj brskalniku.
Če se spomnite, da je odgovor nalaganje strani, boste opazili, da se tukaj dogaja ista stvar. V tipični obliki, ustvarjeni z oznako, je odgovor nova stran, ki jo naloži brskalnik. Običajno nova stran nadomesti trenutno vsebino, vendar je to mogoče preglasiti s ciljnim atributom. Velika večina spletnih obrazcev deluje na ta način, zato je uporabnik poslan na stran z zahvalo, ko izpolni obrazec za naročanje po e-pošti.
Spletne aplikacije in obrazci brez oznake
Sodobne interaktivne spletne aplikacije uporabljajo kodo JavaScript za izdelavo asinhronih zahtev http. To so klici v strežnik, ki ne povzročijo ponovnega nalaganja strani. Ne zanašajo se na oznako – element HTML, vgrajen v vedenje. Ne združujejo vseh podatkov v eno celoto.uporabnika in jih ne pošiljajte takoj. Iz tega razloga mnogi oblikovalci postavitve HTML + JS v spletnih aplikacijah ne uporabljajo oznake na vseh obrazcih. Pogosteje ga preprosto uporabljajo kot nekakšen vsebnik za različne vrste vnosnih polj in elementov. V tem primeru uporabljeni atributi metode in dejanja ne bodo vidni.
Več o obrazcih
Obrazci HTML so eden izmed vrhuncev interakcije uporabnika s spletnim mestom ali aplikacijo. Uporabnikom omogočajo pošiljanje podatkov na spletno mesto. Večino časa se podatki pošljejo spletnemu strežniku, vendar jih spletna stran lahko tudi prestreže, da jih uporabi sama. Obstaja veliko elementov, povezanih z obrazci - različne vrste gumbov, izbirniki za različne vrste, mehanizmi povratnih informacij. Zato se je težko odločiti, katere vrednosti dodeliti atributom oznake. Ko gre za ustvarjanje obrazcev, jih morate omogočiti, da delujejo na različnih velikostih zaslona. Pomembno je, da so dostopni invalidom. Zato so obrazci in oznake atributov morda najbolj zapleten vidik HTML-ja.
Iz česa je sestavljena oblika
Obrazec HTML je sestavljen iz enega ali več pripomočkov. Lahko so enovrstična ali večvrstična besedilna polja, izbirna polja, gumbi ali izbirni gumbi. Najpogosteje so povezani z atributom, ki opisuje njihov namen – pravilno implementiran lahko jasno pouči tako vidne kot slepe uporabnike, kako priti do vnosnega obrazca. atributpravilno povezana z njihovimi atributi for in id. Oznaka for se nato nanaša na atribut id ustreznega pripomočka, bralnik zaslona pa bo z uporabo prebral, kaj je napisano v njem.
Poleg struktur, specifičnih za oznako, je pomembno zapomniti, da so obrazci le koda HTML. To pomeni, da lahko za strukturiranje obrazcev uporabite vso moč HTML-ja. Običajna praksa je uporaba oznake za ovijanje elementov, označenih z
. Pogosto se uporabljajo tudi seznami HTML; za strukturiranje se uporablja več potrditvenih polj ali izbirnih gumbov. Po ustvarjanju vnosnih polj ostane še dodati gumb z oznako in preveriti rezultat. Zaradi prilagodljivosti obrazcev HTML so ena najbolj zapletenih struktur v formatu HTML. Toda s pravilno strukturo pri izdelavi obrazca HTML lahko zagotovite, da je uporaben in dostopen.
