Obstaja večkrat, ko ustvarjate spletne strani, kjer morate obdelati vnose, ki jih je poslal uporabnik, na primer stran za prijavo, ustvarjanje novega računa ali pošiljanje vprašanj ali komentarjev. Uporabniški vhod se zbira in pošlje na spletni strežnik z uporabo obrazca HTML. Obrazce je enostavno dodati z vgrajenimi orodji KompoZerja. Vse oblike polj obrazcev, ki jih podpira HTML 4.0, lahko dodate in urejate s programom KompoZer, vendar bomo za ta vadnik sodelovali z besedilom, besedilnim območjem, gumbi za pošiljanje in ponastavitev.
Ustvarite nov obrazec
KompoZer ima bogato orodje, ki ga lahko uporabite za dodajanje obrazcev na svoje spletne strani. Orodja obrazca dostopate tako, da kliknete gumb Obrazec ali spremljajoči meni v orodni vrstici. Upoštevajte, da če ne napišete lastnih skriptov za obdelavo obrazcev, boste za ta korak dobili nekaj informacij iz dokumentacije ali od programerja, ki je napisal scenarij. Uporabite lahko tudi obrazce mailto, vendar ne delujejo vedno.
- Postavite kazalec na lokacijo, na kateri želite, da se vaš obrazec pojavi na strani.
- Kliknite na Obrazec gumb na orodni vrstici. Odpre se pogovorno okno Lastnosti obrazca.
- Dodajte ime obrazca. Ime se uporablja v samodejno ustvarjeni kodi HTML, da se identificira obrazec in se zahteva. Prav tako morate shraniti svojo stran, preden lahko dodate obrazec. Če delate z novo, neshranjeno stranjo, vas bo KompoZer pozval, da shranite.
- Dodajanje URL-ja v skript, ki bo obdelal podatke o obrazcu v polju »Dejavni URL«. Obdelovalci obrazcev so navadno skripti napisani v PHP ali podobnem jeziku na strežniku. Brez teh informacij vaša spletna stran ne bo mogla storiti ničesar s podatki, ki jih vnese uporabnik. KompoZer vas bo pozval, da vnesete URL za obdelovalca obrazca, če ga ne vnesete.
- Izberite Metoda se uporabljajo za pošiljanje podatkov obrazca strežniku. Obe možnosti sta GET in POST. Boste morali vedeti, katero metodo potrebuje skripta.
- Kliknite v redu obrazec pa se doda na vašo stran.
Dodajanje besedilnega polja v obrazec
Ko dodate obrazec na stran s KompoZerjem, bo obrazec opisan na strani v svetlo modri črtkani liniji. V to področje dodate polja za obrazce. Vnesete lahko tudi besedilo ali dodate slike, podobno kot vi na kateremkoli drugem delu strani. Besedilo je uporabno za dodajanje pozivov ali oznak za oblikovanje polj za vodenje uporabnika.
- Izberite, kje želite, da se tekstovno polje uvrsti v opisano območje obrazca. Če želite dodati oznako, najprej vnesite besedilo.
- Kliknite na puščica navzdol zraven Obrazec v orodni vrstici in v spustnem meniju izberite Obrazovno polje.
- Odprlo se bo okno Lastnosti polja obrazca. Če želite dodati besedilno polje, izberite Besedilo iz spustnega menija označen Vrsta polja.
- Vnesite ime besedilnega polja. Ime se uporablja za identifikacijo polja v HTML kodi in za obdelavo obrazca potrebuje ime za obdelavo podatkov. V tem pogovornem oknu je mogoče spremeniti več drugih opcijskih atributov, tako da vklopite Več lastnosti / manj lastnosti ali s pritiskom gumba »Napredni urejanje«, za zdaj pa bomo samo vnesli ime polja.
- Kliknite v redu in besedilo se prikaže na strani.
Dodajanje besedilnega področja v obrazec
Včasih je potrebno vnesti veliko besedila na obrazec, na primer v polje za sporočila ali vprašanje / komentarje. V tem primeru besedilno polje ni primerno. S pomočjo obrazcev lahko dodate polj obrazca za besedilo.
- Postavite kazalec v preglednico obrazca, kjer želite, da je besedilo na vašem področju. Če želite vnesti oznako, je pogosto dobra ideja, da vnesete besedilo nalepke, pritisnete enter, da se premaknete v novo vrstico in nato dodate polje obrazca, ker velikost besedilnega območja na strani onemogoča oznaka na levi ali desni.
- Kliknite na puščica navzdol zraven Obrazec gumb na orodni vrstici in izberite Besedilo Območje iz spustnega menija. Odprlo se bo okno Lastnosti območja besedila.
- Vnesite ime polja za besedilno področje. Ime identificira polje v HTML kodi in ga uporablja scenarij za obdelavo obrazcev za obdelavo uporabniško predloženih podatkov.
- Vnesite število vrstic in stolpcev, ki jih želite prikazati v besedilnem območju. Te dimenzije določajo velikost polja na strani in koliko besedila je mogoče vnesti v polje, preden se drsenje zgodi.
- Več naprednih možnosti je mogoče določiti z drugimi kontrolniki v tem oknu, vendar je za zdaj dovolj ime in razsežnost polja.
- Kliknite v redu in besedilo se prikaže na obrazcu.
Dodajte gumb za pošiljanje in ponastavitev na obrazec
Ko uporabnik izpolni obrazec na vaši strani, mora biti na voljo način za posredovanje informacij strežniku. Če uporabnik želi začeti ali narediti napako, je koristno vključiti kontrolnik, ki bo ponastavil vse vrednosti obrazca na privzeto. Posebne kontrolne enote upravljajo te funkcije, ki se imenujejo gumbi Pošlji in ponastavi.
- Postavite kazalko na opisano območje obrazca, kjer želite, da je gumb za pošiljanje ali ponastavitev. Najpogosteje se ti nahajajo pod ostalimi polji na obrazcu.
- Kliknite na puščica navzdol zraven Obrazec gumb na orodni vrstici in izberite Določi gumb iz spustnega menija. Pojavi se okno Lastnosti gumbov.
- V spustnem meniju z oznako Type izberite vrsto gumba. Vaše izbire so Pošlji, Ponastavi in Gumb. V tem primeru bomo izbrali Pošlji tip.
- Podajte ime gumba, ki bo uporabljen v HTML-ju in obrazcu za obdelavo obrazca za obdelavo zahteve za obrazec. Spletni razvijalci navadno imenujejo to polje »pošlji«.
- V polju z oznako Vrednost, vnesite besedilo, ki naj se prikaže na gumbu. Besedilo naj bo kratko, vendar opisuje, kaj se bo zgodilo, ko pritisnete gumb. Dobri primeri so nekaj, kot je "Pošlji", "Pošlji obrazec" ali "Pošlji".
- Kliknite V redu in gumb se prikaže na obrazcu.
The Ponastaviti gumb lahko dodate v obrazec z enakim postopkom, vendar izberite Ponastaviti Iz Tip polje namesto Pošlji.
Urejanje obrazca s programom KompoZer
Urejanje obrazca ali polja obrazca v KompoZerju je zelo enostavno. Preprosto dvokliknite polje, ki ga želite urediti, in prikaže se ustrezno pogovorno okno, kjer lahko spremenite lastnosti polja, da ustrezajo vašim potrebam. Zgornji diagram prikazuje preprosto obliko z uporabo komponent, ki jih pokriva ta vadnica.
