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, ko atbalsta HTML 4.0, var pievienot un rediģēt ar KompoZer, taču šajā apmācībā mēs strādāsim ar teksta teksta apgabalu, iesniegsim un atiestatīsim pogas.
Izveidojiet jaunu veidlapu
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 papildu rīkjoslā esošā nolaižamā izvēlne. Ņ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.
- Novietojiet kursoru vietā, kur vēlaties veidlapu parādīties lapā.
- Noklikšķiniet uz Veidlapa pogu rīkjoslā. Atveras dialoglodziņš Form Properties.
- 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.
- 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.
- Izvēlieties Metode izmantots, lai iesniegtu veidlapas datus serverim. Abas izvēles ir GET un POST. Jums būs jāzina, kāda metode ir nepieciešama skriptam.
- Klikšķis labi un veidlapa tiek pievienota jūsu lapai.
Pievienot formas teksta lauku
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.
- Izvēlieties, kur vēlaties teksta lauku doties aprakstītās formas apgabalā. Ja vēlaties pievienot etiķeti, vispirms varat ievadīt tekstu.
- Noklikšķiniet uz lejupvērsta bultiņa blakus Veidlapa pogas rīkjoslā un nolaižamajā izvēlnē izvēlieties formas lauku.
- Atvērsies loga formas lauka rekvizīti. Lai pievienotu teksta lauku, izvēlieties Teksts no nolaižamās izvēlnes ar marķējumu Lauka veids.
- 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 to Vairāk rekvizītu / mazāk rekvizītu pogu vai nospiežot pogu Papildu rediģēšana, bet tagad mēs vienkārši ievadīsim lauka nosaukumu.
- Klikšķis labi un teksta lauks parādās lapā.
Teksta lauka pievienošana veidlapai
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.
- 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.
- Noklikšķiniet uz lejupvērsta bultiņa blakus Veidlapa pogu rīkjoslā un izvēlieties Teksts Platība no nolaižamās izvēlnes. Tiks atvērts loga teksta laukuma rekvizīti.
- Ievadiet teksta lauka lauka nosaukumu. Nosaukums identificē lauku HTML kodā un tiek izmantots formas apstrādes skriptā, lai apstrādātu lietotāja iesniegto informāciju.
- 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.
- Šajā logā var norādīt vairāk papildu opcijas, bet tagad lauka nosaukums un izmēri ir pietiekami.
- Klikšķis labi un veidlapā parādās teksta apgabals.
Pievienot iesniegšanas un atiestatīšanas pogu uz veidlapu
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.
- 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.
- Noklikšķiniet uz lejupvērsta bultiņa blakus Veidlapa pogu rīkjoslā un izvēlieties Definēt pogu no nolaižamās izvēlnes. Parādīsies pogas rekvizītu logs.
- Nolaižamajā izvēlnē Tips tiek izvēlēts pogas veids. Jūsu izvēle ir Iesniegt, Atiestatīt un Poga. Šajā gadījumā mēs izvēlēsimies Iesniegt tips
- 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".
- Iepakojumā atzīmēts Vērtība, ievadiet tekstu, kas 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".
- Noklikšķiniet uz Labi un poga parādīsies veidlapā.
The Atiestatīt Pogu var pievienot veidlapai, izmantojot to pašu procesu, bet izvēlieties Atiestatīt no Tips lauka vietā Iesniegt.
Formas 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ā.
