Kako dodati obrazac pomoću KompoZera

01 od 06

Dodajte obrazac s KompoZerom

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 dodavati i uređivati ​​pomoću KompoZera, no za ovaj vodič ćemo raditi s tekstom, tekstualnim područjem, gumbima za slanje i resetiranje.

02 od 06

Stvaranje novog obrasca s KompoZerom

KompoZer ima bogate oblike alata koje možete koristiti za dodavanje obrazaca na svoje web stranice. Pristupite obrazacu alata 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 Obrazac 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 Metodu za slanje podataka obrasca na poslužitelj. Dva izbora su GET i POST. Morat ćete znati koju metodu traži skripta.
6. Kliknite U redu i obrazac se dodaje na vašu stranicu.

03 od 06

Dodaj polje teksta u obrazac s KompoZerom

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 strelicu dolje pored gumba Obrazac 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. Nekoliko drugih opcionalnih atributa može se mijenjati u ovom dijalogu tako da promijenite gumb Više svojstva / manje svojstva ili pritisnete gumb Napredno uređivanje, ali za sada ćemo upisati naziv polja.
5. Kliknite U redu i tekstno polje će se pojaviti na stranici.

04 od 06

Dodaj tekstualni prostor u obrazac s KompoZerom

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 strelicu dolje pored gumba Obrazac na alatnoj traci i odaberite Tekstualno 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 kodu i upotrebljava skriptu za rukovanje obrascem za obradu korisnika podnesenih informacija.
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 s ostalim kontrolama u ovom prozoru, ali za sada naziv i dimenzije polja su dovoljni.
6. Kliknite U redu i tekstualno područje će se pojaviti na obrascu.

05 od 06

Dodaj gumba za slanje i vraćanje na obrazac s KompoZerom

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 strelicu dolje pored gumba Obrazac na alatnoj traci i na padajućem izborniku odaberite gumb Definiranje. 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 tom ćemo slučaju odabrati vrstu slanja.
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 Vrijednost unesite tekst koji bi se trebao prikazati 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.

Tip resetiranja može se dodati u obrazac pomoću istog postupka, no odaberite Ponovno postavljanje iz polja Vrsta umjesto Pošalji.

06 od 06

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.