Kako dodati obrazec s kompoZer

01 od 06

Dodaj obrazec z KompoZer

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 vrste polj obrazca, ki jih podpira HTML 4.0, lahko dodate in urejate s KompoZerjem, vendar bomo za ta vadnik delali z besedilom, besedilnim območjem, gumbi za pošiljanje in ponastavitev.

02 od 06

Ustvarite novo obliko s kompoZer

KompoZer ima bogato orodje, ki ga lahko uporabite za dodajanje obrazcev na svoje spletne strani. Orodja obrazca dostopate tako, da kliknete gumb Form ali spremljajoči spustni 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 .

1. Postavite kazalec na lokacijo, na kateri želite, da se vaš obrazec pojavi na strani.
2. V orodni vrstici kliknite gumb Obrazec. Odpre se pogovorno okno Lastnosti obrazca.
3. 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.
4. 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.
5. Izberite način, uporabljen za pošiljanje podatkov obrazca strežniku. Obe možnosti sta GET in POST. Boste morali vedeti, katero metodo potrebuje skripta.
6. Kliknite V redu in obrazec se doda na vašo stran.

03 od 06

Dodajte tekstovno polje v obrazec z KompoZer

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.

1. Izberite, kje želite, da se tekstovno polje uvrsti v opisano območje obrazca. Če želite dodati oznako, najprej vnesite besedilo.
2. Kliknite puščico navzdol ob gumbu Form v orodni vrstici in v spustnem meniju izberite Obrazovno polje.
3. Odprlo se bo okno Lastnosti polja obrazca. Če želite dodati besedilno polje, v spustnem meniju označite polje Vrsta besedila.
4. 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 lahko spremenite številne druge izbirne atribute tako, da pritisnete gumb Več lastnosti / več lastnosti ali s pritiskom gumba »Napredni urejanje«, vendar bomo za zdaj vnesli samo ime polja.
5. Kliknite V redu in na strani se prikaže besedilo.

04 od 06

Dodajanje besedilnega območja v obrazec z KompoZer

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.

1. 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.
2. Kliknite puščico navzdol ob gumbu Form v orodni vrstici in v spustnem meniju izberite Območje besedila. Odprlo se bo okno Lastnosti območja besedila.
3. Vnesite ime polja za besedilno področje. Ime identificira polje v kodi HTML in ga uporablja scenarij za obdelavo obrazca za obdelavo predloženih podatkov uporabnika.
4. 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.
5. Več naprednih možnosti je mogoče določiti z drugimi kontrolniki v tem oknu, vendar je za zdaj dovolj ime polja in dimenzije.
6. Kliknite V redu in besedilo se prikaže na obrazcu.

05 od 06

Dodajanje in ponastavitev gumba na obrazec z KompoZer

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.

1. 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.
2. Kliknite puščico navzdol ob gumbu Form v orodni vrstici in v spustnem meniju izberite Določi gumb. Pojavi se okno Lastnosti gumbov.
3. Izberite vrsto gumba v spustnem meniju z oznako Vrsta. Vaše izbire so Pošlji, Ponastavi in ​​Gumb. V tem primeru bomo izbrali tip za predložitev.
4. 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«.
5. V polje 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".
6. Kliknite V redu in gumb se prikaže na obrazcu.

Gumb za ponastavitev lahko dodate v obrazec z enakim postopkom, v polju Vrsta pa ponastavite Ponastavi, namesto da pošljete.

06 od 06

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.