Kako dodati obrazac pomoću KompoZera

Mnogo puta stvarate web stranice na kojima morate obraditi unos koji je poslao korisnik, kao što je stranica za prijavu, izradu novog računa ili slanje pitanja ili komentara. Korisnički se podaci prikupljaju i šalju na web poslužitelj pomoću HTML obrasca. Obrasci se lako dodaju pomoću ugrađenih alata KompoZera. Sve vrste polja obrasca koje podržava HTML 4.0 mogu se dodati i uređivati ​​pomoću KompoZera, no za ovaj vodič ćemo raditi s tipkama teksta, tekstualnog područja, slanja i resetiranja.

Izradite novi obrazac

KompoZer ima bogate oblike alata koje možete koristiti za dodavanje obrazaca na svoje web stranice. Pristupite alatu obrazaca klikom na gumb Obrazac ili prateći padajući izbornik na alatnoj traci. Imajte na umu da ako ne pišete vlastite skripte za rukovanje obrascima, morat ćete dobiti neke informacije za ovaj korak iz dokumentacije ili od programera koji je napisao skriptu. Također možete koristiti obrasce mailto, ali oni ne rade uvijek.

1. Postavite pokazivač na mjesto na kojem želite da se vaš obrazac pojavi na stranici.
2. Kliknite gumb Oblik na alatnoj traci. Otvara se dijaloški okvir Svojstva obrasca.
3. Dodajte naziv obrasca. Ime se upotrebljava u automatski generiranom HTML kôdu kako bi se utvrdio obrazac i potrebno je. Također morate spremiti svoju stranicu prije nego što možete dodati obrazac. Ako radite s novom, nespremljenom stranicom, KompoZer će vas tražiti da spremite.
4. Dodajte URL skripte koji će obrađivati ​​podatke obrasca u polju URL radnje. Obrasci rukovatelja obično su skripte napisane u PHP-u ili sličnom jeziku na strani poslužitelja. Bez tih informacija vaša web stranica neće moći ništa učiniti s podacima koje je unio korisnik. KompoZer će vas zatražiti da unesete URL za rukovatelja obrasca ako ga ne unesete.
5. Odaberite način koristi se za slanje podataka obrasca na poslužitelj. Dva izbora su GET i POST. Morat ćete znati koju metodu traži skripta.
6. Klik u redu i obrazac je dodan na vašu stranicu.

Dodajte polje s tekstom na obrazac

Kada dodate obrazac na stranicu s KompoZerom, obrazac će biti prikazan na stranici u svijetloplavi isprekidani redak. Polja obrasca dodajte u ovo područje. Također možete upisati tekst ili dodati slike, baš kao i na bilo kojem drugom dijelu stranice. Tekst je koristan za dodavanje poticaja ili oznaka u polja obrazaca kako bi vodio korisnika.

1. Odaberite gdje želite da tekstno polje prijeđe u područje obrasca obrasca. Ako želite dodati oznaku, možda želite upisati prvi tekst.
2. Kliknite gumb dolje strelica pored Oblik na alatnoj traci i odaberite Polje obrasca s padajućeg izbornika.
3. Otvorit će se prozor Oblik polja obrasca. Da biste dodali polje s tekstom, odaberite Tekst s padajućeg izbornika s oznakom Vrsta polja.
4. Dajte naziv tekstualnom polju. Ime se koristi za prepoznavanje polja u HTML kodu, a skripta za rukovanje obrascem treba ime za obradu podataka. Mnogi drugi izborni atributi mogu se mijenjati u ovom dijalogu tako da promijeni Više svojstava / manjih svojstava ili pritiskom gumba Napredno uređivanje, ali za sada ćemo upisati naziv polja.
5. Klik u redu i tekstualno polje se pojavljuje na stranici.

Dodaj tekstualni prostor u obrazac

Ponekad treba unijeti puno teksta na obrazac, kao što je poruka ili polje pitanja / komentari. U ovom slučaju tekstno polje jednostavno nije prikladno. Pomoću alata za obrazac možete dodati polje obrasca tekstualnog polja.

1. Postavite pokazivač unutar obrasca obrasca na kojem želite da vaš tekstualni prostor bude. Ako želite upisati oznaku, često je dobro napisati tekst oznake, pritisnuti unos da biste se premjestili na novu liniju, a zatim dodajte polje obrasca jer veličina tekstualnog područja na stranici čini ga neugodno za oznaka biti slijeva ili desno.
2. Kliknite gumb dolje strelica pored Oblik gumb na alatnoj traci i odaberite Tekst područje s padajućeg izbornika. Otvorit će se prozor Svojstva tekstualnog područja.
3. Unesite naziv polja tekstualnog područja. Ime identificira polje u HTML kôdu i upotrebljava skriptiranje za rukovanje obrascem za obradu podataka koje je korisnik poslao.
4. Unesite broj redaka i stupaca kojima želite prikazati tekstualno područje. Te dimenzije određuju veličinu polja na stranici i koliko se teksta može unijeti u polje prije no što se pomakne.
5. Naprednije opcije mogu se odrediti drugim kontrolama u ovom prozoru, ali za sada je dovoljno naziv i dimenzije polja.
6. Klik u redu i tekstualno područje se pojavljuje na obrascu.

Dodajte gumb Pošalji i ponovno postavite u obrazac

Nakon što korisnik ispunjava obrazac na vašoj stranici, mora postojati neki način za slanje informacija na poslužitelj. Osim toga, ako korisnik želi započeti ili pogriješiti, korisno je uključiti kontrolu koja će vratiti sve vrijednosti obrasca na zadano. Kontrole posebnih oblika upravljaju tim funkcijama, tzv. Gumbima za slanje i resetiranje.

1. Postavite pokazivač unutar područja obrasca na kojem želite da gumb za slanje ili poništavanje bude. Najčešće će se oni nalaziti ispod ostalih polja na obrascu.
2. Kliknite gumb dolje strelica pored Oblik gumb na alatnoj traci i odaberite Definiraj gumb s padajućeg izbornika. Prikazat će se prozor Svojstva gumba.
3. Odaberite vrstu gumba s padajućeg izbornika s oznakom Vrsta. Vaši su odabiri Slanje, Ponovno postavljanje i gumb. U ovom slučaju, mi ćemo odabrati podnijeti tip.
4. Dodijelite naziv gumbu koji će se upotrebljavati u HTML i kodu za rukovanje obrascima kako bi obradio zahtjev za obrazac. Web programeri obično nazivaju ovo polje "pošalji".
5. U okviru s oznakom Vrijednostunesite tekst koji bi se trebao pojaviti na gumbu. Tekst bi trebao biti kratak, ali opisan što će se dogoditi kada pritisnete gumb. Nešto poput "Pošalji", "Pošalji obrazac" ili "Pošalji" su dobri primjeri.
6. Kliknite U redu i gumb će se pojaviti na obrascu.

Reset gumb se može dodati u obrazac pomoću istog postupka, ali odabrati Reset od Tip polje umjesto podnijeti.

Uređivanje obrasca s KompoZerom

Uređivanje polja obrasca ili obrasca u KompoZeru vrlo je jednostavno. Jednostavno dvaput kliknite polje koje želite urediti i pojavit će se odgovarajući dijaloški okvir u kojem možete promijeniti svojstva polja prema vašim potrebama. Dijagram gore prikazuje jednostavan obrazac pomoću komponenata obuhvaćenih ovim vodičem.