Kuidas vormi lisada KompoZeriga

01 06

Lisage vorm koos KompoZeriga

Lisage vorm koos KompoZeriga. Ekraan pilt viisakus Jon Morin

Veebisaitide loomiseks, kus peate töötlema kasutaja poolt sisestatud sisendeid, näiteks sisselogimislehte, uue konto loomist või küsimuste või kommentaaride esitamist, on palju kordi loodud. Kasutaja sisend kogutakse ja saadetakse HTML-vormingus veebiserverisse. KompoZeri sisseehitatud tööriistade abil on vorme lihtne lisada. Kõik HTML 4.0 toega vormiväljatüübid võivad KompoZeriga lisada ja redigeerida, kuid selle juhendaja töötab teksti, tekstiala, nuppude esitamise ja lähtestamisega.

02 06

KompoZeriga koostage uus vorm

KompoZeriga koostage uus vorm. Ekraan pilt viisakus Jon Morin

KompoZeril on rikas vormi tööriistad, mida saate oma veebisaitidele vormide lisamiseks kasutada. Saate juurdepääsu vormi tööriistadele, klõpsates tööriistariba nupul Vorming või kaasas olev rippmenüü. Pange tähele, et kui te ei kirjuta oma vormi käitlemise skripte , peate selle sammu kohta mingit teavet dokumendist või skripti kirjutanud programmeerijalt. Võite kasutada ka mailto vorme, kuid need ei tööta alati .

  1. Asetage kursor asukohas, kuhu soovite oma vormi lehel kuvada.
  2. Klõpsake tööriistariba nupul Vorm. Avaneb dialoogiboks Vormi atribuudid.
  3. Lisage vormile nimi. Nime kasutatakse automaatselt genereeritud HTML-koodis vormi tuvastamiseks ja see on vajalik. Enne vormi lisamist peate oma lehte ka salvestama. Kui töötate uue, salvestamata lehega, pakub KompoZer teile salvestust.
  4. Lisage URL-i skriptile, mis töötleb vormi andmeid väljale Action URL. Vormhaldurid on tavaliselt PHP-s või samalaadses serveripoolses keeles kirjutatud skriptid. Ilma selle teabeta ei suuda teie veebisait kasutaja sisestatud andmetega midagi teha. KompoZer palub teil sisestada vormihalduri URL-i, kui te seda ei sisesta.
  5. Valige meetod, mida kasutatakse vormiandmete saatmiseks serverisse. Kaks valikut on GET ja POST. Peate teadma, mis skripti nõuab.
  6. Klõpsake nuppu OK ja vorm lisatakse teie lehele.

03 alates 06

KompoZeriga lisage vormi tekstiväli

KompoZeriga lisage vormi tekstiväli. Ekraan pilt viisakus Jon Morin

Kui olete KompoZeri lehele vormi lisanud, kuvatakse see vorm heledalt sinise kriipsjoonega leheküljel. Saate selle piirkonna vormi väljad lisada. Võite ka teksti sisestada või pilte lisada, nagu ka mõnes teises leheosas. Tekst on kasulik juhtnuppude või siltide lisamiseks, et luua väljadele kasutaja juhtimiseks.

  1. Määrake, kuhu soovite tekstiväljale, et minna ülevaatliku vormi alale. Kui soovite lisada sildi, võite kõigepealt teksti sisestada.
  2. Klõpsake tööriistariba nupu Vormi kõrval oleval allanoolel ja valige rippmenüüst vormi väli.
  3. Avaneb vormi väliomaduste aken. Tekstivälja lisamiseks valige rippmenüüst väljale Tüüp tekst.
  4. Anna tekstiväljale nimi. Seda nime kasutatakse HTML-koodi väljale ja vormi käitlemise skript vajab andmete töötlemiseks nime. Seda dialoogi saab muuta mitmete teiste vabatahtlike atribuutidega, lülitades nupule Rohkem omadusi / vähem omadusi või vajutades nuppu Täpsem muutmine, kuid praeguseks sisestame lihtsalt väljanime.
  5. Klõpsake nuppu OK ja lehel kuvatakse tekstiväli.

04 06

KompoZeriga lisage vormis tekstiala

KompoZeriga lisage vormis tekstiala. Ekraan pilt viisakus Jon Morin

Mõnikord tuleb vormile sisestada palju teksti, näiteks sõnumit või küsimuste / märkuste välja. Sellisel juhul ei ole tekstiväli just asjakohane. Te saate tekstivälja vormi välja lisada vormi tööriistadega.

  1. Asetage kursor selle vormi kontuurjooni, kus soovite, et teie tekstiala oleks. Kui soovite sildi sisestada, on tihti hea mõte sildi teksti sisestamiseks, uuele reale liikumiseks klõpsake sisestusklahvi enter, seejärel lisage vormi väljale, kuna lehe tekstiala suuruseks on see ebamugav etikett vasakule või paremale.
  2. Klõpsake tööriistariba nupu Vormi kõrval olevat allanoolt ja valige rippmenüüst Tekstiala. Tekstiala omaduste aken avaneb.
  3. Sisestage tekstivälja välja nimi. Nimi tähistab välju HTML-koodis ja seda kasutab kasutaja poolt esitatud teabe töötlemiseks vormi käitlemise skript.
  4. Sisestage rea ja veeru arv, mida soovite tekstiala kuvada. Need mõõtmed määravad lehe välimise suuruse ja selle, kui palju teksti saab väljale sisestada enne, kui kerimine vajab.
  5. Selle akna teisi juhtelemente saab määrata täpsemaid valikuid, kuid praeguseks on väli nimi ja mõõtmed piisavad.
  6. Klõpsake nuppu OK ja vormil kuvatakse tekstiala.

05 06

KompoZeriga lisage vormi esitamise ja lähtestamise nupp

KompoZeriga lisage vormi esitamise ja lähtestamise nupp. Ekraan pilt viisakus Jon Morin

Pärast seda, kui kasutaja on oma lehele vormi täitnud, peab serverisse edastatav teave olema mõni viis. Lisaks, kui kasutaja soovib alustada üle või teeb viga, on kasulik lisada juht, mis lähtestab kõik vormi väärtused vaikimisi. Neid funktsioone täidavad spetsiaalsed vormikontrollid, mida nimetatakse vastavalt nuppudele Esita ja Lähtesta.

  1. Asetage kursor väljakirjutatud vormingus alale, kus soovite, et esitus- või lähtestusnupp oleks. Enamasti asuvad need vormil allpool ülejäänud väljadel.
  2. Klõpsake tööriistariba nupu Vormi kõrval oleval allanoolel ja valige rippmenüüst nupp Määra nupp. Kuvatakse nuppude omadused.
  3. Valige rippmenüüst Tüüp nupu tüüp. Teie valikud on Esitamine, Lähtesta ja nupp. Sellisel juhul valime Submit tüüpi.
  4. Andke nimele nimi, mida kasutatakse vormi päringu töötlemiseks vormingus HTML-vormingus. Veebiarendajad nimetavad seda välja "submit".
  5. Sisestage väljale Value (Väärtus) tekst, mis peaks nupul ilmuma. Tekst peaks olema lühike, kuid kirjeldab, mis juhtub nupu vajutamisel. Hea näide on midagi sellist nagu "Esita", "Esita vorm" või "Saada".
  6. Klõpsake nuppu OK ja vorm ilmub nupule.

Võrdlusnuppu saab vormile lisada sama protsessi kasutades, kuid selle asemel, et valida Esita, valige Lähtesta.

06 06

Vormi muutmine KompoZeriga

Vormi muutmine KompoZeriga. Ekraan pilt viisakus Jon Morin

KompoZeri vormi või vormivälja muutmine on väga lihtne. Lihtsalt topeltklõpsake väljal, mida soovite muuta, ja ilmub sobiv dialoog, kus saate oma vajadustele vastavat välju omadusi muuta. Eespool toodud diagramm näitab lihtsat vormi, kasutades selles juhendis kajastatud komponente.