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

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.

Hozzon létre egy új űrlapot

A KompoZer gazdag űrlap eszközei segítségével formanyomtatványokat adhat a weblapjaihoz. Az űrlap eszközeihez kattintson az Űrlap gombra vagy az eszköztáron található kísérő legördülő menüre. 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. Kattints a Forma gombot 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álaszd ki a Eljárás az űrlapadatokat elküldte a kiszolgálónak. 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. Kattints rendben és az űrlap hozzá van adva az oldalához.

Egy szövegmező hozzáadása egy űrlaphoz

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. Kattints a lefele nyíl mellett Forma gombra az eszköztáron, és válassza a Form Field lehetőséget a legördülő menüből.
3. Megjelenik az Űrlapmező tulajdonságai ablak. Szövegmező hozzáadásához válassza a lehetőséget Szöveg a legördülő menüből Mezőtípus.
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 más opcionális attribútum módosítható ezen a párbeszédablakban a További tulajdonságok / kevesebb tulajdonság gombra vagy a Speciális szerkesztés gomb megnyomásával, de most csak meg kell adnunk a mező nevét.
5. Kattints rendben és a szövegmező megjelenik az oldalon.

Szövegterület hozzáadása egy űrlaphoz

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. Kattints a lefele nyíl mellett Forma gombot az eszköztáron és válassza ki Szöveg Terület a legördülő menüből. 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. Haladóbb beállításokat adhat meg a többi vezérlővel ebben az ablakban, de mostantól a mező neve és mérete elég.
6. Kattints rendben és a szövegterület megjelenik az űrlapon.

Küldés és visszaállítás gomb hozzáadása egy űrlaphoz

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. Kattints a lefele nyíl mellett Forma gombot az eszköztáron és válassza ki Definiálás gomb a legördülő menüből. 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álasztjuk a beküldése típus.
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. A feliratozott mezőben Érték, í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 Visszaállítás gomb ugyanazon a folyamaton keresztül adható hozzá az űrlaphoz, de választhat Visszaállítás tól típus mező helyett beküldése.

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.