Vrijednosti od i do u html obliku. HTML forme

Više puta smo vidjeli web stranice koje traže da unesemo neke podatke u polja za unos. HTML ima mehanizam za primanje podataka od korisnika. Naravno, ove podatke još treba obraditi, ali specijalizovani programi to rade. Razmotrimo mehanizam njihove interakcije sa web stranicama.

Dakle, korisnik je preuzeo web stranicu na kojoj se nalaze kontrole za unos informacija. Svi oni su kombinovani u zajednički agregat tzv formu. Svaki obrazac ima dugme, klikom na njega podaci koje je korisnik uneo prenose se u program za obradu. Ovaj program se nalazi na web serveru koji opslužuje ovu stranicu. Takvi programi se mogu kreirati korištenjem raznih tehnologija programiranja. Objedinjuje ih samo jedna procedura za primanje podataka sa web stranice. Podaci se prenose korišćenjem interfejsa gateway-a CGI (Common Gateway Interface). Stoga se programi za obradu često nazivaju CGI aplikacijama ili CGI skriptama.

Dakle, aplikacija prima podatke i obrađuje ih. Tada može ili poslati neki email, ili izvršiti neku operaciju u bazi podataka, ili poslati korisniku novu web stranicu, moguće radnje su ograničene samo svojstvima tehnologije i maštom programera. Uz pomoć ovakvih programa funkcionišu sve vrste sistema registracije, sistema povratnih informacija, knjiga gostiju, foruma i četovanja. Uz njihovu pomoć stvaraju se opsežniji i složeniji sistemi, na primjer, online trgovine.

Da biste kreirali takve aplikacije, još uvijek morate biti sposobni programirati i znati odgovarajuća pravila za kreiranje CGI aplikacija. Dok ne znamo kako to učiniti, morat ćemo koristiti, opet, javno dostupne CGI skripte. Ali ako dobijemo ove aplikacije, tada se obrazac za korisnički unos i dalje mora kreirati nezavisno. U ovom dijelu ćemo naučiti kako to učiniti.

Forma je ograničena oznakama I . Između ovih oznaka nalaze se oznake koje kreiraju ovlaštenja za unos informacija i oznake za kreiranje uobičajenog sadržaja web stranice, odnosno sami autoriteti za unos mogu se smjestiti u tablicu, koja se pak u potpunosti nalazi u formi. Tag ne stvara nikakvu strukturu koja se može prikazati. Pre je namenjen za unutrašnje grupisanje objekata.

Oznaka, naravno, ima niz parametara koji postavljaju svojstva kreiranog obrasca. Pogledajmo ove parametre.

• Parametar akcija je obavezno. Njegova vrijednost je URL koji označava lokaciju CGI aplikacije koja će obraditi podatke koje je korisnik unio koristeći kontrolu ovog obrasca.
• Parametar metoda ima za cilj da odredi način na koji će se podaci prenijeti u aplikaciju za obradu. Jedna od dvije unaprijed postavljene ključne riječi koristi se kao vrijednost parametra: dobiti ili pošta. Sada ne moramo saznati koji se mehanizmi implementiraju pomoću ove ili one metode. Na ovaj ili onaj način, prateća 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 nema potrebe za korištenjem, jer vrijednost application/x-www-form-urlencoded, zadano, idealno je za veliku većinu CGI aplikacija.
• Parametar accept-charset koristi se u slučajevima kada korisnik prenosi ne samo informacije, već i datoteke iz obrasca u aplikaciju. U ovom slučaju, možemo eksplicitno odrediti kodiranja prenesenih datoteka. Vrijednost ovog parametra je tekstualni niz u koji je upisano jedno ili više imena kodiranja. Ako se koristi više kodiranja, njihova imena se odvajaju razmacima ili zarezima. Zadana vrijednost je nepoznato koji govori serveru da mora otkriti korištena kodiranja
• Parametar prihvatiti specificira tipove datoteka koje treba prenijeti. Obično se ne koristi, budući da je server sasvim sposoban da adekvatno prepozna vrstu datoteke koja se prima.
• Parametar ime omogućava vam da navedete jedinstveno ime za obrazac. Naravno, na jednoj web stranici može biti nekoliko formi. U ovom slučaju, vrijednosti parametara imena ne bi se trebale podudarati.

Tag sa svojim završnim blizancem , u suštini, kreirati kontejner za postavljanje organa za unos informacija. Većina ovih ulaza se implementira pomoću oznake . Hajde da to demonstriramo malim primerom (slika 1.32).

Listing 1.33

Polje za unos reda teksta< input type="text">

Rice. 1.32. Prozor pretraživača koji prikazuje rezultat datoteke prikazan na Listingu 1.33

Dakle, na ilustraciji možete vidjeti da smo uspjeli kreirati polje za unos teksta i dugme, kada se klikne, podaci koje unese korisnik će biti poslani CGI aplikaciji na obradu. A ako pogledamo listing kod, vidjet ćemo da su i gumb i polje za unos kreirani pomoću iste oznake . Svojstva ove oznake se podešavaju pomoću njenih brojnih parametara, koje ćemo sada razmotriti.

• Parametar tip je možda ključni parametar. Koristeći njegovu vrijednost, možemo postaviti tip kontrole koja će se kreirati. Vrijednost je jedna od sljedećih ključnih riječi: tekst, lozinka, potvrdni okvir, radio, pošalji, resetiraj, fajl, skriveno, slika, dugme. Zadana vrijednost je tekst. Ove vrste ćemo detaljnije pogledati malo kasnije.
• Parametar ime dizajniran za postavljanje jedinstvenih imena za svaku kontrolu. Iako je ovaj parametar opcionalan, toplo se preporučuje. Prateća dokumentacija za CGI aplikacije mora naznačiti kako treba imenovati odgovarajuća tijela za unos informacija.
• Parametar vrijednost koristi se za određivanje podrazumevane vrednosti prikaza za dugmad i polja za unos teksta. Ako koristimo radio dugmad, onda vrijednost parametra vrijednost neće biti vidljivo korisniku, ali to je vrijednost koju će aplikacija za obradu CGI dobiti ako korisnik odabere odgovarajući radio gumb.
• Parametar provjereno Koristi se samo za nezavisne prekidače i radio dugmad. 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 za upotrebu od strane korisnika. Parametar se koristi bez vrijednosti.
• Parametar samo za čitanje Primjenjuje se samo na unos teksta tipova 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 svaki pojedinačni tip ulaznog organa, njegovo djelovanje je specifično.
• Parametar maxiength omogućava vam da postavite najveći mogući broj znakova koji korisnik može uneti u polja za unos teksta. Vrijednost parametra je pozitivan cijeli broj.
• Parametar src koristi se u slučajevima kada kreiramo kontrole unosa koje se odnose na grafiku. Vrijednost ovog parametra je URL grafičke datoteke koja sadrži prikazanu sliku.
• Parametar alt omogućava vam da kreirate kratke opise autoriteta za unos podataka koji se kreira. Ovaj opis se može prikazati kao mali savjet kada korisnik pređe kursorom miša preko ovog ulaznog elementa.
• Parametar tabindex zadaje broj kontrole u nizu svih objekata, fokus ulaza se pomera između njih uzastopnim pritiskom na taster tab.
• Parametar pristupni ključ omogućava vam da postavite “vrući taster”, kada ga korisnik pritisne, fokus ulaza će se pomeriti na ovu kontrolu.

Dakle, pogledali smo parametre koji se koriste u oznaci. Ali već znamo da pomoću ove oznake možemo kreirati široku paletu objekata obrasca. Vrijeme je da ih detaljno pogledamo.

Objekti uključeni u formu podijeljeni su u dvije vrste - tijela za unos podataka i dugmad koja pokreću različite radnje. Prvo da vidimo kako možemo stvoriti ulazne organe.

Jedan od najčešćih objekata obrasca je jednolinijsko polje za unos. U Listingu 1.33 vidjeli smo da je kreiran korištenjem parametra tipa sa tekstom vrijednosti. Istovremeno, vrlo često moramo postaviti ograničenja na maksimalni mogući broj znakova koji korisnik može unijeti u ovo polje. Ovo ograničenje se implementira pomoću parametra maxlength.

Postoji izmjena polja za unos teksta u jednom redu, koje je namijenjeno posebno za unos osjetljivih informacija, na primjer, lozinke. Prikazuju uneseni tekst i zamjenjuju ga zvjezdicama. Takva polja za unos se kreiraju pomoću sljedeće konstrukcije:

Koristeći tip polje za potvrdu omogućava kreiranje nezavisnih prekidača. To su poznati kvadrati u kojima klikom miša možemo odabrati i ukloniti potvrdne okvire u obliku kvačica. U ovom slučaju se koristi parametar vrijednosti. Vrijednost ovog parametra će biti proslijeđena CGI aplikaciji ako korisnik označi ovaj potvrdni okvir.

Takođe možemo kreirati grupe prekidača, koje se često nazivaju radio dugmad. U ovoj grupi korisnik može odabrati i označiti samo jedno radio dugme. Svaki prekidač se kreira pomoću oznake sa parametrom tip, kojem je dodijeljena vrijednost radio. Da bi pretraživač shvatio da više radio dugmadi 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 kreiranje i prikazivanje 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 reda teksta