Kaip pridėti formą su KompoZer

01 iš 06

Pridėti formą su KompoZer

Yra daug kartų, kai kuriate tinklalapius, kuriuose reikia apdoroti naudotojo pateiktą įvestį, pvz., Prisijungimo puslapį, naują paskyros kūrimą arba pateikti klausimus ar komentarus. Naudotojo įvestis renkama ir siunčiama į žiniatinklio serverį naudojant HTML formą. Su "KompoZer" įmontuotais įrankiais lengvai galima pridėti formų. Visi formų laukų tipai, kuriuos palaiko HTML 4.0, gali būti pridedami ir redaguojami naudojant KompoZer, tačiau šiame vadove mes dirbame su teksto, teksto srities, pateikimo ir iš naujo mygtukais.

02 iš 06

Sukurkite naują formą su KompoZer

KompoZer turi turtingos formos įrankius, kuriuos galite naudoti pridėti formas prie savo tinklalapių. Prie formos įrankių galite prisijungti spustelėję mygtuką Form arba įrankių juostoje esantį išskleidžiamąjį meniu. Atminkite, kad jei nenurodysite savo formų tvarkymo scenarijų , reikės gauti tam tikrą informaciją apie šį žingsnį iš dokumentacijos arba nuo programuotojo, kuris parašė scenarijų. Taip pat galite naudoti mailto formas, bet jie ne visada veikia .

1. Nustatykite žymeklį toje vietoje, kurioje norite, kad jūsų forma būtų rodoma puslapyje.
2. Spustelėkite mygtuką Formą įrankių juostoje. Atsivers dialogo langas Form Properties.
3. Įrašykite formos vardą. Šis vardas naudojamas automatiškai sukurtuose HTML koduose, kad būtų galima identifikuoti formą ir yra reikalinga. Jūs taip pat turite išsaugoti savo puslapį, kol galėsite pridėti formą. Jei dirbate su nauju nesaugotu puslapiu, KompoZer pareikalauja išsaugoti.
4. Į scenarijų pridėkite URL, kuris apdoros formos duomenis lauke Veiksmas URL. Formų tvarkytojai paprastai yra scenarijai, parašyti PHP arba panašią serverio pusės kalbą. Be šios informacijos, jūsų tinklalapis negalės nieko daryti su naudotojo įvestiems duomenims. KompoZer paprašys įvesti formos tvarkyklės URL adresą, jei neįvesite jo.
5. Pasirinkite Metodą, naudojamą pateikti formos duomenis į serverį. Du pasirinkimai yra GET ir POST. Jums reikės žinoti, kurį metodą reikalauja scenarijus.
6. Spustelėkite Gerai, o formą pridėsite prie savo puslapio.

03 iš 06

KompoZer pridėkite teksto lauką su forma

Kai į "KompoZer" puslapį pridėsite formą į formą, forma bus apibūdinta puslapyje šviesiai mėlyną punktyrinę liniją. Jūs įtraukiate savo formos laukus toje srityje. Taip pat galite įvesti tekstą arba pridėti vaizdų, kaip ir bet kurioje kitoje puslapio dalyje. Tekstas yra naudingas, jei norite pridėti eilutes ar etiketes, kad sudarytumėte laukus, kuriuose būtų galima nukreipti naudotoją.

1. Pasirinkite, kur norite, kad teksto laukas būtų nurodytoje formos srityje. Jei norite pridėti etiketę, pirmiausia galite įvesti tekstą.
2. Spustelėkite rodyklę žemyn šalia mygtuko Formos įrankių juostoje ir išskleidžiamajame meniu pasirinkite formos lauką.
3. Bus atidarytas laukas "Formos lauko ypatybės". Norėdami pridėti teksto lauką, išskleidžiamajame meniu, pažymėtame lauko lauku, pasirinkite Tekstas.
4. Nurodykite teksto lauką. Pavadinimas naudojamas norint identifikuoti lauką HTML kode, o formos tvarkymo scenarijus reikalauja duomenų apdorojimo pavadinimo. Šiame dialoge galite pakeisti keletą kitų neprivalomų atributų, perjungdami mygtuką "Daugiau savybių / mažiau savybių" arba paspaudę mygtuką Išplėstinė redagavimas, bet dabar mes tiesiog įveskite lauko pavadinimą.
5. Spustelėkite Gerai ir teksto laukelis pasirodys puslapyje.

04 iš 06

KompoZer "formos teksto lauką pridėkite prie formos

Kartais tekste reikia įvesti daugybę formos, pvz., Žinutės ar klausimų ar komentarų lauko. Šiuo atveju teksto laukas netinkamas. Galite pridėti teksto srities formos lauką naudodami formos įrankius.

1. Padėkite savo žymeklį formos kontūro, kurioje norite, kad jūsų teksto laukas būtų. Jei norite įvesti etiketę, dažnai yra gera idėja įvesti etiketės tekstą, paspauskite enter, kad pereitumėte į naują eilutę, tada pridėkite formos lauką, nes puslapio teksto lauko dydis neleidžia etiketė turi būti kairėje arba dešinėje.
2. Spustelėkite rodyklę žemyn, esančią šalia mygtuko Formos įrankių juostoje, ir išskleidžiamajame meniu pasirinkite Teksto zona. Bus atidarytas langas "Teksto srities ypatybės".
3. Įveskite teksto srities lauko pavadinimą. Pavadinimas identifikuoja lauką HTML kode ir naudojamas formos tvarkymo scenarijui apdoroti vartotojo pateiktą informaciją.
4. Įveskite eilučių ir stulpelių, kuriuos norite rodyti teksto lauke, skaičių. Šie matmenys lemia puslapio lauko dydį ir kiek teksto į lauką gali būti įvesta, kol pasibaigs slinkimas.
5. Daugiau išplėstinių parinkčių galima nurodyti su kitais valdikliais šiame lange, tačiau dabar lauko pavadinimas ir matmenys yra pakankami.
6. Spustelėkite Gerai ir formos teksto laukelis.

05 iš 06

Pridėti "Submit" ir "Reset" mygtuką į formą su KompoZer

Po to, kai vartotojas užpildė formą savo puslapyje, turi būti tam tikras būdas, kad informacija būtų pateikta serveriui. Be to, jei naudotojas nori pradėti vykdyti klaidą arba ją padaryti, naudinga įtraukti valdiklį, kuris iš naujo nustatys visas formos reikšmes pagal nutylėjimą. Specialios formos valdikliai atitinkamai atlieka šias funkcijas, vadinasi mygtukus "Pateikti ir iš naujo".

1. Patalpinkite žymeklį nurodytoje formos srityje, kur norite, kad būtų pateiktas arba iš naujo nustatytas mygtukas. Dažniausiai jie bus pateikti žemiau likusių laukų formoje.
2. Spustelėkite rodyklę žemyn, esančią šalia mygtuko Formos įrankių juostoje, ir išskleidžiamajame meniu pasirinkite Apibrėžti mygtuką. Bus rodomas mygtuko ypatybių langas.
3. Išskleidžiamajame meniu "Tipas" pasirinkite mygtuko tipą. Jūsų pasirinkimai yra Pateikti, iš naujo nustatyti ir mygtukas. Tokiu atveju mes pasirinksime "Pateikti".
4. Nurodykite mygtuko pavadinimą, kuris bus naudojamas HTML formatu ir formos tvarkymo kodu, kad apdorotų prašymo formą. Interneto svetainių kūrėjai paprastai šį lauką pavadina "pateikti".
5. Dalyje, pažymėtame Vertė, įveskite tekstą, kuris turėtų būti rodomas mygtuku. Tekstas turėtų būti trumpas, bet apibūdinantis, kas atsitiks, kai bus paspaustas mygtukas. Geri pavyzdžiai yra kažkas panašaus į "Pateikti", "Pateikti formą" arba "Siųsti".
6. Spustelėkite Gerai, o formoje rodomas mygtukas.

Atstatymo mygtukas gali būti pridėtas prie formos naudojant tą patį procesą, bet lauke Tipas, o ne "Pateikti", pasirinkite "Iš naujo".

06 iš 06

Su "KompoZer" formos redagavimas

Formos ar formos lauko redagavimas KompoZer yra labai lengvas. Tiesiog dukart spustelėkite lauką, kurį norite redaguoti, ir pasirodys atitinkamas dialogo langas, kuriame galėsite pakeisti lauko savybes, kad atitiktų jūsų poreikius. Aukščiau pateikta schema rodo paprastą formą, naudojant komponentus, aprašytus šiame vadovėlyje.