Kako dodati obrazac sa KompoZerom

01 od 06

Dodajte obrazac sa kompoZerom

Postoji mnogo puta kada kreirate web stranice na kojima trebate obrađivati ​​unos koji je podneo korisnik, kao što je stranica za prijavljivanje, kreiranje novog naloga ili podnošenje pitanja ili komentara. Korisnički unos se prikuplja i šalje na web server koristeći HTML oblik. Forme se lako dodaju pomoću ugrađenih alata KompoZera. Svi tipovi polja formata koji podržava HTML 4.0 mogu se dodati i uređivati ​​pomoću KompoZer-a, ali za ovaj tutorijal ćemo raditi sa tekstom, tekstualnom površinom, podnosi i resetovati dugmad.

02 od 06

Kreirajte novu formu sa KompoZerom

KompoZer ima bogate forme alata koje možete koristiti za dodavanje formi na svoje web stranice. Pristupite alatima za obrasce klikom na dugme Obrazac ili prateći padajući meni na traci sa alatkama. Imajte na umu da ako ne napišete sopstvene skripte za obradu formi , morate dobiti neke informacije za ovaj korak iz dokumentacije ili od programera koji je napisao scenario. Takođe možete koristiti formulare mailto, ali oni ne rade uvek .

1. Postavite kursor na lokaciju na koju želite da se vaš formular prikazuje na stranici.
2. Kliknite na dugme Obrazac na traci sa alatkama. Otvara se dijaloški okvir Form Properties.
3. Dodajte ime za obrazac. Ime se koristi u automatski generisanom HTML kôdu da bi se identifikovao obrazac i da je potrebno. Morate takođe sačuvati svoju stranicu pre nego što dodate obrazac. Ako radite sa novom neshranjenom stranom, KompoZer će vas tražiti da sačuvate.
4. Dodajte URL u skriptu koja će obraditi podatke o obliku u polju Action URL-a. Obrasci za obradu su obično skripti napisani na PHP-u ili sličnom jeziku na serveru. Bez ovih informacija, vaša veb stranica neće moći ništa da uradi sa podacima koje korisnik unese. KompoZer će tražiti od vas da unesete URL adresu za obrađivač obrazaca ako ga ne unesete.
5. Izaberite metod koji se koristi za podnošenje podataka o obliku serveru. Dva izbora su GET i POST. Morate znati koji metod je potreban za skriptu.
6. Kliknite na OK i obrazac se dodaje na vašu stranicu.

03 od 06

Dodajte tekstualno polje na obrazac sa KompoZer-om

Kada dodate obrazac na stranicu sa KompoZer-om, oblik će biti prikazan na stranici u svijetlo plavoj liniji. Dodate polja polja za formular unutar ove oblasti. Takođe možete ukucati tekst ili dodati slike, baš kao i na bilo kom drugom dijelu stranice. Tekst je korisan za dodavanje upita ili oznaka za oblikovanje polja za vođenje korisnika.

1. Odaberite gde želite tekstualno polje da idete u opisanu oblast formi. Ako želite dodati oznaku, možda ćete prvo želeti da unesete tekst.
2. Kliknite strelicu nadole pored dugmeta Form na traci sa alatkama i odaberite opciju Form Field iz padajućeg menija.
3. Otvoriće se prozor Form Properties Field. Da biste dodali tekstualno polje, izaberite opciju Tekst iz padajućeg menija označenog tipom polja.
4. Dajte ime tekstualnom polju. Ime se koristi za identifikaciju polja u HTML kôdu, a za skripte za obradu zahteva je potrebno ime za obradu podataka. Neki drugi opcioni atributi mogu se modifikovati u ovom dijalogu tako što ćete pritisnuti dugme Više svojstava / manje osobine ili pritiskom na dugme Advanced Edit, ali za sada ćemo uneti samo ime polja.
5. Kliknite na OK, a tekst se pojavljuje na stranici.

04 od 06

Dodajte tekstualno područje u obrazac sa KompoZer-om

Ponekad, potrebno je uneti tekst na formular, kao što je poruka ili polje za pitanja / pitanja. U ovom slučaju, polje teksta jednostavno nije prikladno. Polje za polje za tekstualno polje možete dodati pomoću alata za obrasce.

1. Postavite kursor unutar okvira formulara gde biste želeli da se tekstualno područje bude. Ako želite da unesete etiketu, često je dobra ideja da unesete tekst naljepnice, pritisnite Enter da biste prešli na novu liniju, a zatim dodajte polje za obrasce, jer veličina tekstualnog područja na stranici čini neugodnim za oznaka koja se nalazi levo ili desno.
2. Kliknite strelicu nadole pored dugmeta Formiraj na traci sa alatkama i odaberite opciju Text Area iz padajućeg menija. Otvoriće se prozor Text Area Properties.
3. Unesite ime za polje teksta. Ime identifikuje polje u HTML kôdu i koristi skriptu za obradu formata da obrađuje informacije koje su poslali korisnik.
4. Unesite broj redova i stupaca koje želite da se tekstualno područje prikazuje. Ove dimenzije određuju veličinu polja na stranici i koliko se teksta može uneti u polje prije nego što se desi skrolovanje.
5. Naprednije opcije mogu biti specificirane drugim kontrolama u ovom prozoru, ali za sada je dovoljno ime i dimenzije polja.
6. Kliknite OK i tekstna oblast se pojavljuje na obrazcu.

05 od 06

Dodajte dugme Submit i resetirajte obrazac sa KompoZerom

Nakon što korisnik popuni formular na vašoj stranici, mora biti neki način da se informacije dostave serveru. Pored toga, ako korisnik želi da počne ili grešku, korisno je uključiti kontrolu koja će resetovati sve vrijednosti formulara na podrazumevano. Posebne kontrole oblika obrađuju ove funkcije, koje se zovu "Submit and Reset".

1. Postavite kursor u opseg područja za oblik na kojem želite da pošaljete ili poništite dugme. Najčešće, oni će biti smešteni ispod ostatka polja na obliku.
2. Kliknite strelicu nadole pored dugmeta Form na traci sa alatkama i iz padajućeg menija izaberite Definiraj dugme. Pojaviće se prozor Button Properties.
3. Izaberite tip dugmeta iz padajućeg menija označenog tipom. Vaši izbori su Submit, Reset i Button. U ovom slučaju biramo tip Submit.
4. Dajte ime dugmetu, koje će se koristiti u HTML-u i šifri za obradu obrazaca za obradu zahteva za formular. Web programeri obično nazivaju ovo polje "pošalji".
5. U polje sa oznakom Value unesite tekst koji treba da se pojavi na dugmetu. Tekst bi trebalo da bude kratak, ali opisuje šta će se desiti kada se pritisne dugme. Nešto poput "Pošalji", "Pošalji obrazac" ili "Pošalji" su dobri primeri.
6. Kliknite na OK i dugme se pojavljuje na obrascu.

Dugme Reset se može dodati u obrazac koristeći isti proces, ali odaberite Reset iz polja Vrsta umesto od Poslati.

06 od 06

Uređivanje obrazca sa KompoZerom

Uređivanje forme ili forme polja u KompoZeru je veoma jednostavno. Jednostavno dvaput kliknite na polje koje želite da uredite i pojavljuje se odgovarajuće dijaloško polje gde možete promeniti svojstva polja kako bi odgovarale vašim potrebama. Gornji dijagram pokazuje jednostavan obrazac pomoću komponenti obuhvaćenih ovim tutorialom.