HTML obrasci su vrlo moćan alat za interakciju s korisnicima, ali iz tehničkih razloga nije uvijek očigledno kako ih iskoristiti do punog potencijala. Jednostavno dostavljanje podataka u ovom slučaju nije dovoljno – potrebno je i da se pobrinete da podaci koje korisnici popunjavaju u obrascima budu poslati 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 formulare i ne budu frustrirani kada pokušavaju koristiti aplikacije.
Oznaka se koristi za kreiranje HTML obrasca. On zapravo ne stvara marginu, već se koristi kao roditeljski kontejner za elemente kao što je. Bilo da želite napraviti jednostavan obrazac za pretplatu s redovnim plaćanjem i plaćanjem ili interaktivne web aplikacije, morat ćete koristiti oznake HTML elemenata za rad, od kojih je najvažniji.
Kako standardnoHTML obrasci
HTML obrasci su izmišljeni i u velikoj mjeri standardizirani prije pojave asinhronog JavaScripta i složenih web aplikacija. Danas se koriste ulazi u forme, dugmad i drugi mehanizmi interakcije, ali u srži ovoga je sistem zasnovan na paradigmi HTTP zahtjeva i odgovora.
Kada korisnik učita stranicu, šalje se http zahtjev (obično tzv. GET zahtjev). Vaš pretraživač ga šalje serveru, a server obično odgovara web stranicom koju korisnik traži. Ova interakcija je jedan od najosnovnijih koncepata Interneta. I to tačno objašnjava kako HTML forme rade.
Proces razmjene informacija sa serverom
Svaki, koji uključuje elemente kao što je, nalazi se unutra 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 stranice. Za radio dugme, vrednost izabrane 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 putem obrasca šalju na web server. U tom slučaju morate postaviti web server za primanje i obradu podataka. atribut radnje oznakespecificira lokaciju (URL) na koju treba poslati prikupljene podatke.
Kako izgleda odgovor servera
Kada se obrazac pošalje, parovi ime-vrijednost i sva polja unutar elementa su uključeni u HTTP. Zahtjev se šalje na URL naveden u obliku atributa akcije. Tip zahtjeva (GET ili POST) bit će u atributu metode. To znači da se svi podaci koje je dao korisnik šalju serveru čim se obrazac pošalje, a server sa tim podacima može raditi šta god želi. Kada server primi podnošenje obrasca, on ga tretira kao bilo koji drugi HTTP zahtjev. Server radi sve što treba sa uključenim podacima i vraća odgovor pretraživaču.
Ako se setite da je učitavanje stranice odgovor, primetićete da se ista stvar dešava i ovde. U tipičnom obliku kreiranom sa oznakom, odgovor je nova stranica koju učitava pretraživač. Tipično, nova stranica zamjenjuje trenutni sadržaj, ali to se može poništiti atributom cilja. Velika većina onlajn obrazaca radi na ovaj način, zbog čega se korisnik šalje na stranicu Hvala kada popuni obrazac za pretplatu putem e-pošte.
Web aplikacije i obrasci bez oznake
Moderne interaktivne web aplikacije koriste JavaScript kod za izradu asinhronih http zahtjeva. Ovo su pozivi serveru koji ne uzrokuju ponovno učitavanje stranice. Ne oslanjaju se na oznaku – HTML element ugrađen u ponašanje. Oni ne kombinuju sve podatke u jednu celinu.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 neku vrstu kontejnera za različite vrste polja i elemenata za unos. U ovom slučaju, korišteni atributi metode i akcije neće biti vidljivi.
Više o obrascima
HTML obrasci su jedan od vrhunaca interakcije korisnika sa web-stranicom ili aplikacijom. Oni omogućavaju korisnicima da dostave podatke na stranicu. U većini slučajeva podaci se šalju na web server, ali web stranica ih također može presresti kako bi ih koristila sama. Postoji mnogo elemenata vezanih za formu - različite vrste dugmadi, selektori za različite tipove, mehanizmi povratnih informacija. Stoga može biti teško odlučiti koje vrijednosti dodijeliti atributima oznake. Kada je u pitanju kreiranje obrazaca, morate ih natjerati da rade na različitim veličinama ekrana. Važno je učiniti ih dostupnim osobama sa invaliditetom. Zbog toga su oblici i oznake atributa možda najkompleksniji aspekt HTML-a.
Od čega se sastoji oblik
HTML obrazac se sastoji od jednog ili više widgeta. To mogu biti jednoredna ili višeredna tekstualna polja, okviri za odabir, dugmad ili radio dugmad. Oni su najčešće povezani sa atributom koji opisuje njihovu svrhu - pravilno implementirani mogu jasno uputiti i videće i slijepe korisnike kako da dođu do obrasca za unos. Atributispravno povezan sa njihovim for i id atributima, respektivno. Oznaka for se tada odnosi na atribut id odgovarajućeg widgeta, a čitač ekrana će, koristeći ga, pročitati šta je napisano u njemu.
Pored struktura specifičnih za tag, 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 premotavanje elemenata označenih sa
. HTML liste se takođe široko koriste; višestruki okviri za potvrdu ili radio dugmad se koriste za strukturiranje. Nakon kreiranja polja za unos, ostaje dodati dugme pomoću oznake i provjeriti rezultat. Fleksibilnost HTML obrazaca čini ih jednom od najsloženijih struktura u HTML formatu. Ali sa pravom strukturom kada pravite HTML obrazac, možete osigurati da je upotrebljiv i dostupan.
