Kiel aldoni Formon kun KompoZer

01 de 06

Aldoni Formon Kun KompoZer

Estas multaj fojoj, kiam vi kreas retpaĝojn, kie vi devas procesi enhavon prezentitan de la uzanto kiel ensalutpaĝo, novan kreon de konto aŭ por sendi demandojn aŭ komentojn. Uzanto-enigo estas kolektita kaj sendita al la reto-servilo per HTML-formo. Formoj estas facile aldoni kun KompoZer-korpigitaj iloj. Ĉiuj formaj kampaj tipoj, kiujn HTML 4.0 elportas, povas esti aldonitaj kaj redaktataj kun KompoZer, sed por ĉi tiu lernilo ni funkcios kun la teksto, tekstujo, submeti kaj restarigi butonojn.

02 de 06

Krei Novan Formon Kun KompoZer

KompoZer havas riĉajn formajn ilojn, kiujn vi povas uzi por aldoni formojn al viaj retpaĝoj. Vi aliras al la iloj de formo per klako sur Forma butono aŭ la akompanata falmenuo sur la ilobreto. Rimarku, ke se vi ne skribos vian propran forman uzadon de skriptoj , vi bezonos akiri informon por ĉi tiu paŝo de dokumentado aŭ de la programisto, kiu skribis la skripton. Vi ankaŭ povas uzi mailto formojn sed ili ne ĉiam laboras .

1. Metu vian kursoron en la loko, kiun vi deziras, ke via formo aperi en la paĝo.
2. Alklaku la Forman butonon sur la ilobreto. La skatolo-dialogo malfermiĝas.
3. Aldonu nomon por la formo. La nomo estas uzata en la aŭtomata HTML-kodo por identigi la formon kaj postulas. Vi ankaŭ bezonas konservi vian paĝon antaŭ ol vi povas aldoni formon. Se vi laboras kun nova, neŝanĝita paĝo, KompoZer instigos vin savi.
4. Aldonu la URL al la skripto, kiu procesos la formon de datumoj en la agado URL-kampo. Formaj manipuladistoj kutime estas skriptoj skribitaj en PHP aŭ simila servilo-flanka lingvo. Sen ĉi tiu informo, via retpaĝo ne povos fari ion ajn kun la datumoj eniritaj de la uzanto. KompoZer promesos al vi eniri la URL por la formularo, se vi ne eniros ĝin.
5. Elektu la metodon uzatan por sendi la formon de datumoj al la servilo. La du elektoj estas GET kaj POST. Vi bezonos scii, kian manieron la skripto postulas.
6. Alklaku OK kaj la formo aldoniĝas al via paĝo.

03 de 06

Aldonu tekston por formi kun kompozer

Unufoje vi aldonis formon al paĝo kun KompoZer, la formo estos priskribita sur la paĝo en malpeza linio. Vi aldonas viajn formajn kampojn ene de ĉi tiu areo. Vi ankaŭ povas tajpi tekston aŭ aldoni bildojn, simile al vi en ajna alia parto de la paĝo. Teksto estas utila aldoni indicojn aŭ etikedojn por formi kampojn por gvidi la uzanton.

1. Elektu, kie vi volas, ke la teksta kampo iru en la priskribita areo. Se vi volas aldoni etikedon, vi eble volas tajpi la tekston en la unua.
2. Alklaku la malsuprenan sagon apud la Forma butono sur la ilobreto kaj elektu Forma Kampo de la falmenuo.
3. La fenestra Formularo de Kampoj malfermiĝos. Por aldoni tekston, elektu Tekston el la falmenuo etikedita Kampo-Tipo.
4. Donu nomon al la teksta kampo. La nomo estas uzata por identigi la kampon en la HTML-kodo kaj la formularo pri skripto bezonas la nomon por procesi la datumojn. Kelkaj aliaj laŭvolaj atributoj povas esti modifitaj en ĉi tiu dialogo, kunprenante la butonon Pli da Propraĵoj / Malgrandaj Ecoj aŭ premante la butonon Antaŭe Redakti, sed nun ni nur eniros la kampan nomon.
5. Alklaku OK kaj la teksta kampo aperas sur la paĝo.

04 de 06

Aldonu Tekston Areo Al Formo Kun KompoZer

Kelkfoje multaj tekstoj devas esti enmetitaj en formo, kiel mesaĝon aŭ demandojn / komentojn. En ĉi tiu kazo, teksta kampo estas nur ne taŭga. Vi povas aldoni tekston-kampo-kampo uzante la ilojn de formo.

1. Metu vian kursoron ene de la streko de la formularo, kie vi volas, ke via tekston estu. Se vi volas tajpi etikedon, ofte estas bona ideo tajpi la etikedon de teksto, frapu eniri por moviĝi al nova linio, kaj aldonu la forman kampon, ĉar la amplekso de la tekstujo en la paĝo faras ĝin mallabore por la etikedon esti maldekstre aŭ dekstre.
2. Alklaku la malsuprenan sagon apud la Forma butono sur la ilobreto kaj elektu Tekston Areo de la falmenuo. La fenestraĵa Teksto-Projekto malfermos.
3. Enmetu nomon por la teksta kampo. La nomo identigas la kampon en la HTML-kodo kaj estas uzata per la formo uzanta skripton por procesi la uzanton prezentitan informon.
4. Enmetu la nombro da vicoj kaj kolumnoj, kiujn vi volas, ke la tekstujo montriĝas. Ĉi tiuj dimensioj determinas la grandecon de la kampo sur la paĝo kaj kiom da teksto povas esti enmetita en la kampon antaŭ ol moviĝado devas okazi.
5. Pli altnivelaj opcioj povas esti specifitaj per la aliaj kontroloj en ĉi tiu fenestro, sed nun la kampo de la nomo kaj dimensioj sufiĉas.
6. Alklaku OK kaj la tekstujo aperas en la formo.

05 de 06

Aldonu A Submit kaj Restarigi Buton Al Formo Kun KompoZer

Post kiam la uzanto plenigis la formon de via paĝo, necesas esti iu maniero por ke la informo estu sendita al la servilo. Aldone, se la uzanto volas ekfunkciigi aŭ fari eraron, estas helpema inkluzivi kontrolon kiu restarigos ĉiujn formojn valorojn al la defaŭlta. Specialaj formaj kontroloj manipulas ĉi tiujn funkciojn, nomitajn la Submetu kaj Reset-butonojn respektive.

1. Metu vian kursoron ene de la priskribita kampo, kie vi volas, ke la submeta aŭ reset-butono estu. Plej ofte, ĉi tiuj estos lokitaj sub la resto de la kampoj laŭ formo.
2. Alklaku la malsuprenan sagon apud la Forma butono sur la ilobreto kaj elektu Difini Butonon el la falmenuo. La Butono Propraĵa fenestro aperos.
3. Elektu la tipon de butono el la falmenuo etikedita Tipo. Viaj elektoj estas Submetu, Restarigi kaj Buton. En ĉi tiu kazo ni elektos la Afiŝan tipon.
4. Donu nomon al la butono, kiu estos uzata en la HTML-formularo kaj uzado de kodo por procesi la formon de peto. Retejaj programistoj tipe nomas ĉi tiun kampon "submetiĝi".
5. En la skatolo etikedita Valoro, enmetu la tekston, kiu aperus sur la butono. La teksto devus esti mallonga sed priskriba pri kio okazos kiam la butono estas premita. Io kiel "Proponi," "Submeti Formon," aŭ "Sendi" estas bonaj ekzemploj.
6. Alklaku OK kaj la butono aperas en la formo.

La Rezona butono povas esti aldonita al la formo uzante la saman procezon, sed elektu Restarigi el la Tipoj kampo anstataŭ Submeti.

06 de 06

Redaktante Formon Kun KompoZer

Redakti formon aŭ forman kampon en KompoZer estas tre facila. Simple duobligu la kampon, kiun vi volas redakti, kaj la taŭga dialogujo aperas kie vi povas ŝanĝi la kampojn laŭ viaj bezonoj. La diagramo supre montras simplan formon uzante la komponantojn kovritajn en ĉi tiu lernilo.