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 šioje instrukcijoje mes dirbame su teksto, teksto srities, pateikimo ir iš naujo mygtukais.
Sukurkite naują formą
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.
- Nustatykite žymeklį toje vietoje, kurioje norite, kad jūsų forma būtų rodoma puslapyje.
- Spustelėkite Forma mygtukas įrankių juostoje. Atsivers dialogo langas Form Properties.
- Į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.
- Į 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.
- Pasirinkite Metodas naudojamas pateikti formos duomenis į serverį. Du pasirinkimai yra GET ir POST. Jums reikės žinoti, kurį metodą reikalauja scenarijus.
- Spustelėkite Gerai ir forma yra pridėta prie jūsų puslapio.
Įrašykite teksto lauką į formą
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ą.
- Pasirinkite, kur norite, kad teksto laukas būtų nurodytoje formos srityje. Jei norite pridėti etiketę, pirmiausia galite įvesti tekstą.
- Spustelėkite rodyklė žemyn šalia Forma mygtuką įrankių juostoje ir išskleidžiamajame meniu pasirinkite formos lauką.
- Bus atidarytas laukas "Formos lauko ypatybės". Norėdami pridėti teksto lauką, pasirinkite Tekstas iš meniu pažymėto išskleidžiamojo meniu Lauko tipas.
- 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 Daugiau savybių / mažiau savybių mygtuką arba paspausdami mygtuką Išplėstinis redagavimas, bet dabar mes tiesiog įveskite lauko pavadinimą.
- Spustelėkite Gerai ir teksto laukas pasirodys puslapyje.
Teksto srities pridėjimas 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.
- 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.
- Spustelėkite rodyklė žemyn šalia Forma mygtuką įrankių juostoje ir pasirinkite Tekstas Plotas iš išskleidžiamojo meniu. Bus atidarytas langas "Teksto srities ypatybės".
- Įveskite teksto srities lauko pavadinimą. Pavadinimas identifikuoja lauką HTML kode ir naudojamas formos tvarkymo scenarijui apdoroti vartotojo pateiktą informaciją.
- Į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.
- Daugiau išplėstinių parinkčių galima nurodyti su kitais valdikliais šiame lange, tačiau dabar lauko pavadinimas ir matmenys yra pakankami.
- Spustelėkite Gerai ir formos teksto laukas.
Pridėti mygtuką "Pateikti ir iš naujo" į formą
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".
- 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.
- Spustelėkite rodyklė žemyn šalia Forma mygtuką įrankių juostoje ir pasirinkite Nustatyti mygtuką iš išskleidžiamojo meniu. Bus rodomas mygtuko ypatybių langas.
- Išskleidžiamajame meniu "Tipas" pasirinkite mygtuko tipą. Jūsų pasirinkimai yra Pateikti, iš naujo nustatyti ir mygtukas. Šiuo atveju mes pasirinksime Pateikti tipo
- 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".
- Dėžutėje pažymėta Vertė, įveskite tekstą, kuris turėtų pasirodyti 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".
- Spustelėkite Gerai, o formoje rodomas mygtukas.
The Atstatyti mygtukas gali būti pridėtas prie formos naudojant tą patį procesą, bet pasirinkite Atstatyti nuo Įveskite lauke vietoj Pateikti.
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.
