Si të shtoni një formular me KompoZer

01 nga 06

Shto një formë me KompoZer

Shto një formë me KompoZer. Xhirimi i ekranit Jon Morin

Ka shumë raste kur krijoni faqe interneti ku duhet të përpunoni të dhënat e paraqitura nga përdoruesi, si një faqe hyrëse, krijimin e një llogarie të re ose të parashtroni pyetje ose komente. Të dhënat e përdoruesit grumbullohen dhe dërgohen në web server duke përdorur një formë HTML. Formularët janë të lehtë për tu shtuar me mjete të ndërtuara në KompoZer. Të gjitha llojet e fushave të formatit që mbështet HTML 4.0 mund të shtohen dhe të editohen me KompoZer, por për këtë tutorial do të punojmë me tekstin, zonën e tekstit, butonat e paraqitjes dhe të rivendosjes.

02 nga 06

Krijo një formë të re me KompoZer

Krijo një formë të re me KompoZer. Xhirimi i ekranit Jon Morin

KompoZer ka mjete të pasur formash që ju mund t'i përdorni për të shtuar forma në faqet tuaja të internetit. Ju hyni në mjetet e formës duke klikuar mbi butonin Form ose poshtë në menunë e zbritjes në shiritin e veglave. Vini re se nëse nuk shkruani skedarët tuaj për trajtimin e formularëve , do t'ju duhet të merrni disa informacione për këtë hap nga dokumentacioni ose nga programuesi që ka shkruar skenarin. Ju gjithashtu mund të përdorni formularët mailto por ata nuk punojnë gjithmonë .

  1. Poziciononi kursorin në vendndodhjen që dëshironi që formën tuaj të shfaqet në faqe.
  2. Klikoni butonin Forma në shiritin e veglave. Hapet kutia e dialogut Properties Properties.
  3. Shto një emër për formën. Emri përdoret në kodin HTML të gjeneruar automatikisht për të identifikuar formën dhe është e nevojshme. Ju gjithashtu duhet të ruani faqen tuaj përpara se të shtoni një formular. Nëse jeni duke punuar me një faqe të re, të pacaktuar, KompoZer do t'ju kërkojë të ruani.
  4. Shtoni URL-në në skriptin që do të përpunojë të dhënat e formularit në fushën e URL-së së Veprimit. Formuluesit e formave zakonisht janë shkrime të shkruara në PHP ose gjuhë të ngjashme në server. Pa këtë informacion, faqja juaj e internetit nuk do të jetë në gjendje të bëjë asgjë me të dhënat e dhëna nga përdoruesi. KompoZer do t'ju kërkojë të fusni URL-në për mbajtësin e formularit nëse nuk e futni atë.
  5. Zgjidh Metoda e përdorur për të dorëzuar të dhënat e formularit në server. Të dy zgjedhjet janë GET dhe POST. Ju do të duhet të dini se cila metodë kërkon shkrimi.
  6. Kliko OK dhe forma është shtuar në faqen tuaj.

03 nga 06

Shto një fushë teksti në një formë me KompoZer

Shto një fushë teksti në një formë me KompoZer. Xhirimi i ekranit Jon Morin

Pasi të keni shtuar një formular në një faqe me KompoZer, forma do të përvijohet në faqe në një vijë me dritë blu të thyer. Ju shtoni fushat tuaja të formularit brenda kësaj zone. Ju gjithashtu mund të shkruani në tekst ose të shtoni imazhe, ashtu si ju do të në ndonjë pjesë tjetër të faqes. Teksti është i dobishëm për të shtuar udhëzime ose etiketime për të formuar fusha për të udhëzuar përdoruesin.

  1. Zgjidhni vendin ku dëshironi të fusni tekstit për të shkuar në zonën e skicuar të formës. Nëse dëshironi të shtoni një etiketë, mund të dëshironi të shkruani tekstin në fillim.
  2. Klikoni shigjetën poshtë butonit Formë në shiritin e veglave dhe zgjidhni Fusha formë nga drop down menu.
  3. Do të hapet dritarja e Formularëve të Fusha. Për të shtuar një fushë teksti, zgjidhni Tekstin nga drop-down menu etiketuar Type Field.
  4. Jepni një emër në fushën e tekstit. Emri përdoret për të identifikuar fushën në kodin HTML dhe skripja e trajtimit të formularëve ka nevojë për emrin për të përpunuar të dhënat. Një numër atributesh të tjera opsionale mund të modifikohen në këtë dialog duke ndryshuar butonin Më shumë të pronave / më pak, ose duke shtypur butonin Advanced Edit, por tani për tani do të futim emrin e fushës.
  5. Klikoni OK dhe fusha e tekstit shfaqet në faqe.

04 nga 06

Shto një zonë teksti në një formë me KompoZer

Shto një zonë teksti në një formë me KompoZer. Xhirimi i ekranit Jon Morin

Ndonjëherë, një shumë e tekstit duhet të futet në një formë, si një mesazh ose një fushë pyetje / komente. Në këtë rast, një fushë teksti nuk është e përshtatshme. Ju mund të shtoni një fushë formë fushe teksti duke përdorur mjetet e formës.

  1. Poziciononi kursorin brenda formës së formës ku dëshironi që zona juaj e tekstit të jetë. Nëse dëshironi të shkruani një etiketë, shpesh është një ide e mirë për të shtypur tekstin e etiketës, shtypni enter për të kaluar në një vijë të re, pastaj shtoni fushën e formës, pasi madhësia e zonës së tekstit në faqe e bën të vështirë për etiketa të jetë në të majtë ose të djathtë.
  2. Klikoni shigjetën poshtë butonit Formë në shiritin e veglave dhe zgjidhni Zonë tekst nga drop down menu. Do të hapet dritarja e hapësirës së tekstit.
  3. Futni një emër për fushën e fushës së tekstit. Emri identifikon fushën në kodin HTML dhe përdoret nga skripti i trajtimit të formularit për të përpunuar informacionin e dërguar nga përdoruesi.
  4. Shkruani numrin e rreshtave dhe kolonave që dëshironi të shfaqni zonën e tekstit. Këto dimensione përcaktojnë madhësinë e fushës në faqe dhe sa shumë tekste mund të futen në fushë përpara se të shkojë në lëvizje.
  5. Opsionet më të përparuara mund të specifikohen me kontrollet e tjera në këtë dritare, por tani për tani emri i fushës dhe përmasat janë të mjaftueshme.
  6. Klikoni OK dhe zona e tekstit shfaqet në formë.

05 i 06

Shto një çelës Submit dhe Reset në një formë me KompoZer

Shto një çelës Submit dhe Reset në një formë me KompoZer. Xhirimi i ekranit Jon Morin

Pasi që përdoruesi të ketë plotësuar formularin në faqen tuaj, duhet të ketë një farë mënyre që informacioni të dorëzohet në server. Përveç kësaj, nëse përdoruesi dëshiron të fillojë ose bën një gabim, është e dobishme të përfshijë një kontroll që do të rivendosë të gjitha vlerat e formës në default. Kontrollet e formave të veçanta trajtojnë këto funksione, të quajtura përkatësisht butonat Submit dhe Reset.

  1. Vendosni kursorin në zonën e skicuar të formës ku dëshironi që të jetë butoni i dorëzimit ose i rivendosjes. Më shpesh, këto do të vendosen poshtë pjesës tjetër të fushave në një formë.
  2. Klikoni shigjetën poshtë butonit Formë në shiritin e veglave dhe zgjidhni butonin Define nga drop down menu. Do të shfaqet dritarja Properties Properties.
  3. Zgjidhni llojin e butonit nga drop-down menu me etiketën Type. Zgjedhjet tuaja janë Submit, Reset dhe Button. Në këtë rast ne do të zgjedhim llojin Submit.
  4. Jepni një emër në butonin, i cili do të përdoret në HTML dhe kodin e trajtimit të formës për të përpunuar kërkesën e formularit. Web zhvilluesit zakonisht e emërojnë këtë fushë "dorëzojë".
  5. Në kutinë e etiketuar Vlera, futni tekstin që duhet të shfaqet në butonin. Teksti duhet të jetë i shkurtër, por përshkrues i asaj që do të ndodhë kur të shtypet butoni. Diçka si "Submit", "Submit Form" ose "Send" janë shembuj të mirë.
  6. Kliko OK dhe butoni shfaqet në formë.

Butoni Reset mund të shtohet në formë duke përdorur të njëjtin proces, por zgjidhni Rivendosni nga fusha Lloji në vend të Submit.

06 i 06

Editing një formë me KompoZer

Editing një formë me KompoZer. Xhirimi i ekranit Jon Morin

Editing një fushë formë ose formë në KompoZer është shumë e lehtë. Thjesht klikoni dy herë në fushën që dëshironi të redaktoni dhe shfaqet kutia e duhur e dialogut ku mund të ndryshoni pronat e fushave sipas nevojave tuaja. Diagrami më lart tregon një formë të thjeshtë duke përdorur komponentët e mbuluar në këtë tutorial.