HTML obrasci su vrlo moćan alat za interakciju s korisnicima, ali iz tehničkih razloga nije uvijek očito kako ih iskoristiti do punog potencijala. Jednostavno slanje podataka u ovom slučaju nije dovoljno – također morate biti sigurni da će podaci koje korisnici ispunjavaju u obrascima biti poslani u ispravnom formatu koji je potreban za njihovu uspješnu obradu i da to neće pokvariti postojeće aplikacije. Također je važno pomoći korisnicima da ispravno popune obrasce i ne budu frustrirani kada pokušavaju koristiti aplikacije.
Oznaka se koristi za izradu HTML obrasca. Zapravo ne stvara marginu, već se koristi kao roditeljski spremnik za elemente kao što je. Bilo da želite napraviti jednostavan obrazac za pretplatu uz redovitu naplatu i plaćanje ili interaktivne web aplikacije, za rad ćete morati koristiti oznake HTML elemenata, od kojih je najvažnija.
Kako standardnoHTML obrasci
HTML obrasci su izmišljeni i uglavnom standardizirani prije pojave asinkronog JavaScripta i složenih web aplikacija. Danas se koriste ulazi obrasca, gumbi i drugi mehanizmi interakcije, ali u srži ovoga je sustav baziran na paradigmi HTTP zahtjeva i odgovora.
Kada korisnik učita stranicu, šalje se http zahtjev (obično tzv. GET zahtjev). Vaš preglednik ga šalje poslužitelju, a poslužitelj obično odgovara web stranicom koju korisnik traži. Ova interakcija je jedan od najosnovnijih koncepata Interneta. I to točno objašnjava kako HTML obrasci rade.
Proces razmjene informacija s poslužiteljem
Svaki, koji uključuje elemente kao što je, nalazi se unutar i ima atribut imena (ime), kao i svoju vrijednost. Vrijednost se definira na različite načine. Za tekst, to će biti vrijednost koju je u polje unio korisnik web-mjesta. Za radio gumb, vrijednost odabrane opcije. Korisnik može postaviti vrijednost, ali najčešće ne može postaviti atribut name. Ovo stvara skup parova ime/vrijednost gdje su vrijednosti određene korisničkim unosom.
Glavna razlika između obrasca i običnog HTML dokumenta je u tome što se u većini slučajeva podaci prikupljeni obrascem šalju na web poslužitelj. U tom slučaju morate postaviti web poslužitelj za primanje i obradu podataka. atribut radnje oznakespecificira lokaciju (URL) na koju se trebaju poslati prikupljeni podaci.
Kako izgleda odgovor poslužitelja
Kada se obrazac pošalje, parovi ime-vrijednost i sva polja unutar elementa uključeni su u HTTP. Zahtjev se šalje na URL naveden u obliku atributa akcije. Vrsta zahtjeva (GET ili POST) bit će u atributu metode. To znači da se svi podaci koje daje korisnik šalju poslužitelju čim se obrazac pošalje, a poslužitelj s tim podacima može raditi što želi. Kada poslužitelj primi podnošenje obrasca, tretira ga kao svaki drugi HTTP zahtjev. Poslužitelj radi sve što treba s uključenim podacima i vraća odgovor pregledniku.
Ako se sjećate da je učitavanje stranice odgovor, primijetit ćete da se ista stvar događa i ovdje. U tipičnom obliku kreiranom s oznakom, odgovor je nova stranica koju učitava preglednik. Nova stranica obično zamjenjuje trenutni sadržaj, ali to se može nadjačati atributom cilja. Velika većina online obrazaca funkcionira na ovaj način, zbog čega se korisnik šalje na stranicu Hvala kada ispuni obrazac za pretplatu e-poštom.
Web-aplikacije i obrasci bez oznake
Moderne interaktivne web aplikacije koriste JavaScript kod za izradu asinkronih http zahtjeva. To su pozivi poslužitelju koji ne uzrokuju ponovno učitavanje stranice. Ne oslanjaju se na oznaku – HTML element ugrađen u ponašanje. Ne spajaju sve podatke u jednu cjelinu.korisnika i nemojte ih odmah slati. Iz tog razloga, mnogi HTML + JS dizajneri izgleda u web aplikacijama ne koriste oznaku na svim obrascima. Češće ga jednostavno koriste kao svojevrsni spremnik za razne vrste polja i elemenata za unos. U ovom slučaju, korišteni atributi metode i radnje neće biti vidljivi.
Više o obrascima
HTML obrasci su jedan od najvažnijih događaja u interakciji korisnika s web-mjestom ili aplikacijom. Omogućuju korisnicima da dostave podatke na stranicu. Većinu vremena podaci se šalju na web poslužitelj, ali web stranica ih također može presresti kako bi ih koristila sama. Postoji mnogo elemenata vezanih za formu - različite vrste gumba, selektori za različite vrste, mehanizmi povratnih informacija. Stoga može biti teško odlučiti koje vrijednosti dodijeliti atributima oznake. Kada je u pitanju stvaranje obrazaca, morate ih natjerati da rade na različitim veličinama zaslona. Važno ih je učiniti dostupnima osobama s invaliditetom. Zbog toga su oblici i oznake atributa možda najsloženiji aspekt HTML-a.
Od čega se sastoji oblik
HTML obrazac se sastoji od jednog ili više widgeta. To mogu biti tekstualna polja u jednom ili više retka, okviri za odabir, gumbi ili radio gumbi. Najčešće se povezuju s atributom koji opisuje njihovu svrhu - pravilno implementirani mogu jasno uputiti i vidne i slijepe korisnike kako doći do obrasca za unos. Atributispravno povezan s njihovim atributima for i id. Oznaka for se tada odnosi na atribut id odgovarajućeg widgeta, a čitač zaslona, koristeći ga, pročitat će što je u njemu napisano.
Osim struktura specifičnih za oznaku, važno je zapamtiti da su obrasci samo HTML kod. To znači da možete koristiti punu snagu HTML-a za strukturiranje vaših obrazaca. Uobičajena praksa je korištenje oznake za omotavanje elemenata označenih s
. HTML popisi također se široko koriste; višestruki potvrdni okviri ili radio gumbi se koriste za strukturiranje. Nakon kreiranja polja za unos, ostaje dodati gumb pomoću oznake i provjeriti rezultat. Fleksibilnost HTML obrazaca čini ih jednom od najsloženijih struktura u HTML formatu. Ali s pravom strukturom prilikom izrade HTML obrasca, možete osigurati da je upotrebljiv i dostupan.
