Formanyomtatvány hozzáadása a KompoZer-rel

01/06

Formanyomtatvány hozzáadása KompoZerrel

Sokszor készít olyan weboldalakat, amelyeken a felhasználó által benyújtott bemeneti adatokat, például egy bejelentkezési oldalt, új fiók létrehozását vagy kérdéseket vagy megjegyzéseket kell benyújtania. A felhasználói bevitel összegyűjti és HTML formanyomtatványon küldi a webszerverre. A formákat könnyedén felveheti a KompoZer beépített eszközeivel. A HTML 4.0 által támogatott űrlapmezők mindegyike hozzáadható és szerkeszthető a KompoZer programmal, de ehhez a bemutatóhoz a szöveges, szöveges területre, a benyújtásra és a visszaállításra szolgáló gombokkal dolgozunk.

02. 06. sz

Hozzon létre egy új formát a KompoZerrel

A KompoZer gazdag űrlap eszközei segítségével formanyomtatványokat adhat a weblapjaihoz. Az űrlap eszközeit az Űrlap gombra kattintva vagy az eszköztárhoz tartozó kísérő legördülő menüre kattintva érheti el. Vegye figyelembe, hogy ha nem írja be a saját űrlapkezelő szkriptjeit , akkor a dokumentációhoz vagy a programozóhoz, aki írta a szkriptet, tájékoztatást kell kapnia erről a lépésről. Mailto űrlapokat is használhat, de nem mindig működnek .

1. Állítsa a kurzort arra a helyre, ahol szeretné, hogy űrlapja megjelenjen az oldalon.
2. Kattintson az Űrlap gombra az eszköztáron. Megjelenik az Űrlap tulajdonságai párbeszédpanel.
3. Adjon nevet az űrlaphoz. A nevet az automatikusan generált HTML kódban használják az űrlap azonosításához és szükséges. Önnek is meg kell mentenie az oldalt, mielőtt hozzá tudna adni egy űrlapot. Ha egy új, mentetlen oldalon dolgozik, a KompoZer meg fogja kérni, hogy mentse.
4. Adja hozzá az URL-t a szkripthez, amely feldolgozza az űrlapadatokat a Művelet URL mezőben. Az űrlapkezelők általában PHP-ben vagy hasonló szerveroldali nyelven íródtak. Ezen információ nélkül a weboldal nem tud semmit tenni a felhasználó által megadott adatokkal. A KompoZer kéri, hogy írja be az űrlapkezelő URL-címét, ha nem adja meg.
5. Válassza ki az űrlapadatok elküldéséhez használt módot a szerverre. A két lehetőség a GET és a POST. Meg kell tudni, hogy a szkript milyen módszert kíván meg.
6. Kattintson az OK gombra, és az űrlap hozzáadódik az oldalához.

03/06

Egy szövegmező hozzáadása egy KompoZer-hez

Ha egy űrlapot hozzáadtál egy oldalhoz a KompoZer-rel, akkor az űrlapot világos kék szaggatott vonallal körvonalazza az oldal. Ön hozzáadja az űrlapmezőket ezen a területen. Beírhat szöveget vagy képeket is hozzáadhat, akárcsak az oldal bármely más részén. A szöveg hasznos arra, hogy kérdéseket vagy címkéket adjon hozzá mezők létrehozásához a felhasználó irányításához.

1. Válassza ki, hogy hol szeretné a szövegmezőt a körvonalazott űrlapterületen. Ha címkét szeretne felvenni, először írja be a szöveget.
2. Kattintson az eszköztár Űrlapjának melletti lefelé mutató nyílra, és a legördülő menüből válassza az Űrlap mező lehetőséget.
3. Megjelenik az Űrlapmező tulajdonságai ablak. Szöveges mező hozzáadásához válassza a Szöveg elemet a legördülő menüből, amely mezőtípushoz tartozik.
4. Adjon nevet a szövegmezőnek. A név azonosítja a mezőt a HTML kódban, és az űrlapkezelő szkriptnek szüksége van a névre az adatok feldolgozásához. Számos egyéb opcionális tulajdonság módosítható ezen a párbeszédablakban a További tulajdonságok / Kevesebb tulajdonságok gomb megnyomásával vagy a Speciális szerkesztés gomb megnyomásával, de most csak megadjuk a mező nevét.
5. Kattintson az OK gombra, és a szövegmező megjelenik az oldalon.

04/06

Egy szöveges terület hozzáadása egy formához a KompoZerrel

Néha sok szöveget kell beírni egy űrlapon, például egy üzenetet vagy egy kérdés / megjegyzés mezőt. Ebben az esetben a szövegmező nem megfelelő. Hozzáadhat egy szöveges terület űrlapmezőt az űrlap eszközeivel.

1. Állítsa a kurzort az űrlap vázlatára, ahol a szöveges területet szeretne. Ha egy címkét szeretne beírni, akkor gyakran célszerű a címke szöveget beírni, az Enter billentyű lenyomásával átköltözni új sorra, majd adja hozzá az űrlapmezőt, mivel az oldalon lévő szövegterület mérete megnehezíti a címkét balra vagy jobbra.
2. Kattintson az eszköztár Form_gombja melletti lefelé mutató nyílra, és a legördülő menüből válassza a Szövegterület lehetőséget. Megnyílik a Szövegterület tulajdonságai ablak.
3. Adja meg a szövegmező mező nevét. A név azonosítja a mezőt a HTML kódban, és az űrlapkezelő szkript használja a felhasználó által benyújtott információk feldolgozásához.
4. Adja meg a sorok és oszlopok számát, amelyekre a szövegterületet meg szeretné jeleníteni. Ezek a dimenziók határozzák meg a mező méretét az oldalon, és hogy mennyi szöveget írhat be a mezőbe, mielőtt a görgetés megtörténne.
5. Speciális beállítások adhatók meg a többi vezérlővel ebben az ablakban, de most már elég a mező neve és mérete.
6. Kattintson az OK gombra, és a szöveges mező megjelenik az űrlapon.

05/06

Adja hozzá a Küldés és visszaállítás gombját egy formához a KompoZer-rel

Miután a felhasználó kitöltötte az űrlapot az oldalán, az információnak valamilyen módon meg kell jelennie a kiszolgálón. Ezenkívül, ha a felhasználó el akarja kezdeni vagy hibát követ el, hasznos lehet egy olyan vezérlőelemet is beilleszteni, amely visszaállítja az összes űrlap értékét az alapértelmezett értékre. A speciális űrlapvezérlők ezeket a funkciókat kezelik, úgynevezett Submit és Reset gombok.

1. Helyezze a kurzort a körvonalazott űrlapterületre, ahová a beküldés vagy visszaállítás gombot szeretné. Leggyakrabban ezek a mezők többi része alatt helyezkednek el egy űrlapon.
2. Kattintson az eszköztár Űrlapjának gombjával lefelé mutató nyílra, és válassza a legördülő menü Definiálás gombját. Megjelenik a Gomb tulajdonságai ablak.
3. Válassza ki a gomb típusát a legördülő menüből. Az Ön döntései: Küldés, Visszaállítás és Gomb. Ebben az esetben kiválaszthatjuk a Küldés típusát.
4. Adjon nevet a gombnak, amelyet a HTML és az űrlap kezelési kódjában használnak az űrlapkérelem feldolgozásához. A webes fejlesztők ezt a mezőt általában "beadják".
5. Az Érték mezőbe írja be a gombon megjelenő szöveget. A szövegnek rövidnek, de leírónak kell lennie, hogy mi fog történni a gomb megnyomásakor. Valami olyan, mint a "Küldés", "Küldés űrlap" vagy "Küldés".
6. Kattintson az OK gombra, és a gomb megjelenik az űrlapon.

A Reset (Reset) gomb az űrlaphoz ugyanazt a folyamatot adhatja hozzá, de a Submit (Nem) helyett a Típus (Type) mezőt választja vissza.

06, 06

Formanyomtatvány szerkesztése KompoZerrel

A KompoZer űrlap vagy űrlapmező szerkesztése nagyon egyszerű. Egyszerűen kattintson duplán a szerkeszteni kívánt mezőre, és megjelenik a megfelelő párbeszédpanel, ahol megváltoztathatja a mező tulajdonságait az igényeinek megfelelően. A fenti ábra egy egyszerű formanyomtatványt jelenít meg az útmutatóban leírt elemek felhasználásával.