Kā pievienot veidlapu KompoZer

01 no 06

Pievienot veidlapu ar KompoZer

Ir daudz reižu, kad veidojat tīmekļa lapas, kurās jums ir nepieciešams apstrādāt lietotāja iesniegto informāciju, piemēram, pieteikšanās lapu, jaunu konta izveidi vai jautājumu vai komentāru iesniegšanu. Lietotāja ievadītā informācija tiek savākta un nosūtīta tīmekļa serverim, izmantojot HTML formu. Veidlapas ir viegli pievienot, izmantojot KompoZer iebūvētos rīkus. Visus formas lauku tipus, kurus atbalsta HTML 4.0, var pievienot un rediģēt kopā ar KompoZer, taču šajā apmācībā mēs strādāsim ar tekstu, teksta apgabalu, iesniegsim un atiestatīsim pogas.

02 no 06

Izveidojiet jaunu formu ar KompoZer

KompoZer ir bagāti veidlapu rīki, kurus varat izmantot veidlapu pievienošanai jūsu tīmekļa lapām. Piekļūstat veidlapu rīkiem, noklikšķinot uz pogas Veidlapa vai pievienoto nolaižamo izvēlni rīkjoslā. Ņemiet vērā, ka, ja jūs nerakstāt savus veidlapu apstrādes skriptus , jums būs jāsaņem informācija par šo darbību no dokumentācijas vai no programmētāja, kurš rakstīja skriptu. Varat arī izmantot mailto veidlapas, bet ne vienmēr tās darbojas .

1. Novietojiet kursoru vietā, kur vēlaties veidlapu parādīties lapā.
2. Noklikšķiniet uz veidlapas pogas rīkjoslā. Atveras dialoglodziņš Form Properties.
3. Pievienojiet veidlapas nosaukumu. Vārds tiek izmantots automātiski ģenerētā HTML kodā, lai identificētu veidlapu un tas ir nepieciešams. Pirms formas pievienošanas jums ir jāsaglabā arī jūsu lapa. Ja jūs strādājat ar jaunu, nesaglabātu lapu, KompoZer liks jums saglabāt.
4. Pievienojiet URL skriptam, kas apstrādās formas datus laukā Action URL (Darbības URL). Formu apstrādātāji parasti ir skripti, kas rakstīti PHP vai līdzīgā servera puses valodā. Bez šīs informācijas jūsu tīmekļa lapa nevarēs kaut ko darīt ar datiem, ko ievadījis lietotājs. KompoZer liks jums ievadīt formas apstrādātāja URL, ja neesat to ievadījis.
5. Izvēlieties metodi, ko izmanto, lai iesniegtu veidlapas datus serverim. Abas izvēles ir GET un POST. Jums būs jāzina, kāda metode ir nepieciešama skriptam.
6. Noklikšķiniet uz Labi un veidlapa tiek pievienota jūsu lapai.

03 no 06

KompoZer pievienojiet teksta lauku veidlapai

Kad esat pievienojis formu lapai ar KompoZer, forma tiks norādīta lapā ar gaiši zilu punktu līniju. Jūs pievienojat savus veidlapas laukus šajā apgabalā. Varat arī ievadīt tekstu vai pievienot attēlus, tāpat kā jebkurā citā lapas daļā. Teksts ir noderīgs, lai pievienotu uzvednes vai etiķetes, lai veidotu laukus, kas orientētu lietotāju.

1. Izvēlieties, kur vēlaties teksta lauku doties aprakstītās formas apgabalā. Ja vēlaties pievienot etiķeti, vispirms varat ievadīt tekstu.
2. Rīkjoslā blakus pogai Veidlapa noklikšķiniet uz lejupvērstās bultiņas un nolaižamajā izvēlnē izvēlieties Veidlapas lauks.
3. Atvērsies loga formas lauka rekvizīti. Lai pievienotu teksta lauku, nolaižamajā izvēlnē ar lauka veidu izvēlieties tekstu.
4. Norādiet teksta lauku. Nosaukums tiek izmantots, lai identificētu lauku HTML kodā, un formas apstrādes skriptam ir nepieciešams datu apstrādes nosaukums. Šajā dialogā var mainīt vairākus citus izvēles atribūtus, pārslēdzot pogu More Properties / Less Properties vai nospiežot pogu Advanced Edit, bet tagad mēs vienkārši ievadīsim lauka nosaukumu.
5. Noklikšķiniet uz Labi un teksta lauks parādīsies lapā.

04 no 06

KompoZer pievienojiet tekstlodziņu ar formu

Dažreiz formā jāievada daudz teksta, piemēram, ziņojums vai jautājumu / komentāru lauks. Šajā gadījumā teksta lauks vienkārši nav piemērots. Izmantojot veidlapu rīkus, varat pievienot teksta laukuma veidlapu lauku.

1. Novietojiet kursoru formas izklāstu, kur vēlaties, lai jūsu teksta laukums būtu. Ja vēlaties ierakstīt etiķeti, bieži vien ir ieteicams ievadīt etiķetes tekstu, nospiediet enter, lai pārietu uz jaunu rindu, un pēc tam pievienojiet veidlapas lauku, jo lapas teksta laukuma izmērs padara to neveikli etiķetes būt pa kreisi vai pa labi.
2. Rīkjoslā blakus pogai Veidlapa noklikšķiniet uz lejupvērstās bultiņas un nolaižamajā izvēlnē izvēlieties teksta apgabalu. Tiks atvērts loga teksta laukuma rekvizīti.
3. Ievadiet teksta lauka lauka nosaukumu. Nosaukums identificē lauku HTML kodā un to izmanto formas apstrādes skripts, lai apstrādātu lietotāja iesniegto informāciju.
4. Ievadiet rindu un kolonnu skaitu, kuru vēlaties rādīt teksta laukumā. Šie izmēri nosaka lapas lauka izmēru un cik daudz tekstu var ievadīt laukā, pirms tiek veikta ritināšana.
5. Šajā logā var norādīt vairāk uzlabotas opcijas, taču tagad lauka nosaukums un izmēri ir pietiekami.
6. Noklikšķiniet uz Labi un veidlapā parādīsies teksta apgabals.

05 no 06

KompoZer pievienojiet iesniegšanas un atiestatīšanas pogu uz formu

Kad lietotājs ir aizpildījis veidlapu savā lapā, ir nepieciešams zināms veids, kā informāciju, kas jāiesniedz serverim. Turklāt, ja lietotājs vēlas sākt no jauna vai pieļāvis kļūdu, ir lietderīgi iekļaut kontroli, kas noklusējuma formā atjaunos visas formas vērtības. Īpašās formas vadīklas apstrādā šīs funkcijas, attiecīgi sauktas pogas Iesniegt un Atjaunot.

1. Novietojiet kursoru aprakstītās formas apgabalā, kur vēlaties, lai iesniegt vai atiestatīt pogu. Visbiežāk tie atrodas zem pārējo formas lauku.
2. Rīkjoslā blakus pogai Veidlapa noklikšķiniet uz lejupvērstās bultiņas un nolaižamajā izvēlnē izvēlieties Definēt pogu. Parādīsies pogas rekvizītu logs.
3. Izvēlieties pogas veidu nolaižamajā izvēlnē ar nosaukumu Tips. Jūsu izvēle ir Iesniegt, Atiestatīt un Poga. Šajā gadījumā mēs izvēlēsimies Iesniegt veidu.
4. Piešķiriet nosaukumam pogu, kuru HTML formātā un formas apstrādes kodu izmantos formas pieprasījuma apstrādei. Tīmekļa izstrādātāji parasti norāda šo lauku "iesniegt".
5. Laukā ar nosaukumu Value ievadiet tekstu, kas būtu jāparādās pogai. Tekstam jābūt īsam, bet aprakstošam, kas notiks, kad tiks nospiesta poga. Labi piemēri ir kaut kas līdzīgs "Iesniegt", "Iesniegt veidlapu" vai "Sūtīt".
6. Noklikšķiniet uz Labi un poga parādīsies veidlapā.

Poga Atjaunot var tikt pievienota veidlapai, izmantojot to pašu procesu, bet izvēlieties Reset no lauka Type, nevis Submit.

06 no 06

Formāta rediģēšana KompoZer

KompoZer formas vai formas lauka rediģēšana ir ļoti vienkārša. Vienkārši veiciet dubultklikšķi uz lauka, kuru vēlaties rediģēt, un parādīsies atbilstošais dialoglodziņš, kurā jūs varat mainīt lauka rekvizītus atbilstoši savām vajadzībām. Iepriekš redzamā diagramma parāda vienkāršu formu, izmantojot komponentus, kas ietverti šajā apmācībā.