Više smo puta vidjeli web stranice koje od nas traže da unesemo neke podatke u polja za unos. HTML ima mehanizam za primanje podataka od korisnika. Naravno, ove podatke još uvijek treba obraditi, ali to rade specijalizirani programi. Razmotrimo mehanizam njihove interakcije s web stranicama.
Dakle, korisnik je preuzeo web stranicu na kojoj se nalaze kontrole za unos podataka. Svi su oni spojeni u zajednički agregat tzv oblik. Svaki obrazac ima gumb na koji se klikne podaci koje korisnik unese prenose se u program za obradu. Ovaj program nalazi se na web poslužitelju koji služi ovoj stranici. Takvi se programi mogu izraditi korištenjem raznih tehnologija programiranja. Objedinjuje ih samo jedan postupak za primanje podataka s web stranice. Podaci se prenose pomoću CGI (Common Gateway Interface) sučelja pristupnika. Stoga se programi za obradu često nazivaju CGI aplikacijama ili CGI skriptama.
Dakle, aplikacija prima podatke i obrađuje ih. Zatim može ili poslati neku e-poštu, ili izvršiti neku operaciju u bazi podataka, ili poslati korisniku novu web stranicu, moguće radnje ograničene su samo svojstvima tehnologije i maštom programera. Uz pomoć takvih programa rade sve vrste sustava registracije, sustava povratnih informacija, knjiga gostiju, foruma i chatova. Uz njihovu pomoć stvaraju se opsežniji i složeniji sustavi, na primjer, internetske trgovine.
Da biste izradili takve aplikacije, ipak morate znati programirati i znati odgovarajuća pravila za izradu CGI aplikacija. Dok ne budemo znali kako to učiniti, morat ćemo koristiti, opet, javno dostupne CGI skripte. No, ako dobijemo te aplikacije, onda obrazac za korisnički unos mora biti kreiran neovisno. U ovom odjeljku naučit ćemo kako to učiniti.
Forma je ograničena oznakama I . Između ovih oznaka nalaze se oznake koje stvaraju autoritete za unos informacija i oznake za kreiranje uobičajenog sadržaja web stranice, tj. sami autoriteti za unos mogu se smjestiti u tablicu, koja se pak u potpunosti nalazi u formi. Označiti ne stvara strukturu koja se može prikazati. Prije je namijenjen internom grupiranju objekata.
Tag, naravno, ima niz parametara koji postavljaju svojstva kreiranog obrasca. Razmotrimo ove parametre.
- Parametar akcijski je obavezno. Njegova vrijednost je URL koji označava lokaciju CGI aplikacije koja će obraditi podatke koje je korisnik unio pomoću kontrole ovog obrasca.
- Parametar metoda ima za cilj odrediti način na koji će se podaci prenijeti u aplikaciju za obradu. Kao vrijednost parametra koristi se jedna od dvije unaprijed postavljene ključne riječi: dobiti ili objaviti. Sada ne moramo saznati koji se mehanizmi provode pomoću ove ili one metode. Na ovaj ili onaj način, popratna dokumentacija za CGI aplikaciju pokazuje koji način prijenosa podataka treba koristiti. Zadana ikona je dobiti.
- Parametar enctype koristi se za označavanje vrste podataka koji se dostavljaju iz obrasca. Obično ga nema potrebe koristiti, budući da je vrijednost aplikacija/x-www-form-urlencoded, zadani, idealan je za veliku većinu CGI aplikacija.
- Parametar prihvati skup znakova koristi se u slučajevima kada korisnik prenosi ne samo podatke, već i datoteke iz obrasca u aplikaciju. U tom slučaju možemo eksplicitno odrediti kodiranje prenesenih datoteka. Vrijednost ovog parametra je tekstualni niz u kojem je zapisano jedno ili više naziva kodiranja. Ako se koristi nekoliko kodiranja, njihova imena su odvojena razmacima ili zarezima. Zadana vrijednost je nepoznato koji govori poslužitelju da mora otkriti korištena kodiranja
- Parametar prihvatiti određuje vrste datoteka koje se prenose. Obično se ne koristi, budući da je poslužitelj prilično sposoban adekvatno prepoznati vrstu datoteke koja se prima.
- Parametar Ime omogućuje vam da odredite jedinstveni naziv za obrazac. Naravno, na jednoj web stranici može biti više obrazaca. U ovom slučaju, vrijednosti parametara imena ne bi trebale odgovarati.
Označiti sa svojim završnim blizancem , u biti, stvaraju spremnik za smještaj organa za unos informacija. Većina ovih unosa implementirana je pomoću oznake . Pokažimo to malim primjerom (slika 1.32).
Listing 1.33
Polje za unos retka teksta< input type="text">
Riža. 1.32. Prozor preglednika koji prikazuje rezultat datoteke prikazane u ispisu 1.33
Dakle, na ilustraciji možete vidjeti da smo uspjeli stvoriti polje za unos teksta i gumb, kada se klikne, informacije koje je korisnik unio bit će poslane CGI aplikaciji na obradu. A ako pogledamo kod popisa, vidjet ćemo da su i gumb i polje za unos stvoreni pomoću iste oznake . Svojstva ove oznake podešavaju se pomoću brojnih parametara koje ćemo sada razmotriti.
- Parametar tip je možda ključni parametar. Pomoću njegove vrijednosti možemo postaviti vrstu kontrole koja će se stvoriti. Vrijednost je jedna od sljedećih ključnih riječi: tekst, lozinka, potvrdni okvir, radio, pošalji, poništi, datoteka, skriveno, slika, gumb. Zadana vrijednost je tekst. Ove ćemo vrste detaljnije pogledati malo kasnije.
- Parametar Ime dizajniran za postavljanje jedinstvenih naziva za svaku kontrolu. Iako je ovaj parametar neobavezan, toplo se preporučuje. Popratna dokumentacija za CGI aplikacije mora naznačiti kako se trebaju imenovati odgovarajuća ovlaštenja za unos podataka.
- Parametar vrijednost koristi se za određivanje zadane vrijednosti prikaza za gumbe i polja za unos teksta. Ako koristimo radio gumbe, onda vrijednost parametra vrijednost neće biti vidljiv korisniku, ali ovo je vrijednost koju će aplikacija za CGI obradu primiti ako korisnik odabere odgovarajući radio gumb.
- Parametar provjereno Koristi se samo za nezavisne prekidače i radio gumbe. Postavlja njihovo početno stanje. Ako se ovaj parametar unese u oznaku, prekidač će se prebaciti u uključeno stanje. Parametar se koristi bez vrijednosti.
- Parametar onemogućenočini kontrolu nedostupnom korisniku. Parametar se koristi bez vrijednosti.
- Parametar samo za čitanje Primjenjuje se samo na tijela unosa tekstualnih vrsta lozinki. Korištenje ove opcije znači da se podaci prikazani u ovim poljima ne mogu mijenjati.
- Parametar veličina obično specificira dimenzije organa za unos podataka. Ali za svaku pojedinu vrstu ulaznog organa njegovo djelovanje je specifično.
- Parametar najveća duljina omogućuje vam da postavite najveći mogući broj znakova koje korisnik može unijeti u polja za unos teksta. Vrijednost parametra je pozitivan cijeli broj.
- Parametar src koristi se u slučajevima kada stvaramo kontrole unosa povezane s grafikom. Vrijednost ovog parametra je URL grafičke datoteke koja sadrži prikazanu sliku.
- Parametar alt omogućuje stvaranje kratkih opisa ovlaštenja za unos podataka koje se stvara. Ovaj opis može se prikazati kao mali savjet kada korisnik prijeđe kursorom miša iznad ovog ulaznog elementa.
- Parametar tabindex određuje broj kontrole u nizu svih objekata, fokus unosa se pomiče između njih uzastopnim pritiskom tipke tab.
- Parametar pristupni ključ omogućuje vam postavljanje "vruće tipke", kada korisnik pritisne, fokus unosa premjestit će se na ovu kontrolu.
Dakle, pogledali smo parametre koji se koriste u oznaci. Ali već znamo da pomoću ove oznake možemo stvoriti široku paletu objekata obrasca. Vrijeme je da ih pogledamo u detalje.
Objekti uključeni u obrazac podijeljeni su u dvije vrste - tijela za unos podataka i gumbi koji pokreću različite akcije. Prvo da vidimo kako možemo stvoriti ulazne organe.
Jedan od najčešćih objekata obrazaca je polje za unos u jednom retku. U ispisu 1.33 vidjeli smo da je kreiran pomoću parametra tipa s tekstom vrijednosti. U isto vrijeme, vrlo često moramo postaviti ograničenja na najveći mogući broj znakova koje korisnik može unijeti u ovo polje. Ovo ograničenje implementirano je pomoću parametra maxlength.
Postoji izmjena polja za unos teksta u jednom retku, koje je posebno namijenjeno unosu osjetljivih informacija, na primjer, lozinki. Oni prikazuju uneseni tekst i zamjenjuju ga zvjezdicama. Takva polja za unos kreiraju se pomoću sljedeće konstrukcije:
Korištenje vrste potvrdni okvir omogućuje vam stvaranje neovisnih prekidača. Radi se o poznatim kvadratima u kojima klikom miša možemo označiti i ukloniti potvrdne okvire u obliku kvačica. U ovom slučaju koristi se parametar vrijednosti. Vrijednost ovog parametra bit će proslijeđena CGI aplikaciji ako korisnik potvrdi ovaj okvir.
Također možemo kreirati grupe prekidača, često zvanih radio gumbi. U ovoj grupi korisnik može odabrati i označiti samo jedan radio gumb. Svaki prekidač kreiran je pomoću oznake s parametrom tip, kojoj je dodijeljena vrijednost radio. Kako bi preglednik shvatio da više radio gumba pripada istoj grupi, njihove vrijednosti parametara imena moraju biti iste. Ali u isto vrijeme moraju imati različite vrijednosti za parametre vrijednosti.
Pogledajmo primjer pravila za stvaranje i prikaz razmatranih organa za unos informacija.
Listing 1.34
:! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
http://www.w3.Qrg/TR/html4/strict.dtd">
,
Polje za unos retka teksta
Polje za lozinku
Neovisni prekidač
Promijeni grupu
Alternativa 1
Alternativa 2
