Miten lisätään lomake KompoZerin kanssa

01/06

Lisää lomake KompoZerin kanssa

Monta kertaa, kun luot verkkosivuja, joissa sinun on käsiteltävä käyttäjän esittämää syötettä, kuten kirjautumissivua, uutta tilin luomista tai kysymysten tai kommenttien lähettämistä. Käyttäjätuloja kerätään ja lähetetään web-palvelimelle HTML-lomakkeella. Lomakkeita on helppo lisätä KompoZerin sisäänrakennetuilla työkaluilla. Kaikki lomaketyypit, joita HTML 4.0 tukee, voidaan lisätä ja muokata KompoZerin avulla, mutta tässä opetusohjelmassa työskentelemme tekstin, tekstin alueen, lähetä ja nollaa painikkeita.

02/06

Luo uusi lomake KompoZerin kanssa

KompoZerilla on runsaasti muotoiltuja työkaluja, joiden avulla voit lisätä lomakkeita verkkosivuihin. Voit käyttää lomaketyyppejä napsauttamalla lomakkeen painiketta tai työkalupalkin mukana tulevaa avattavaa valikkoa. Huomaa, että jos et kirjoita omia lomakekäsikirjoituksia , sinun on hankittava joitain tietoja tästä vaiheesta dokumentaatiosta tai ohjelmasta, joka kirjoitti käsikirjoituksen. Voit myös käyttää mailto-lomakkeita, mutta ne eivät aina toimi .

1. Aseta kohdistin kohtaan, johon haluat lomakkeen näkyvän sivulla.
2. Napsauta työkalurivin Muoto-painiketta. Lomakkeen ominaisuudet -valintaikkuna avautuu.
3. Lisää nimi lomakkeelle. Nimeä käytetään automaattisesti luodussa HTML-koodissa lomakkeen tunnistamiseksi ja vaaditaan. Sinun on myös tallennettava sivu, ennen kuin voit lisätä lomakkeen. Jos työskentelet uuden, tallentamattoman sivun kanssa, KompoZer kehottaa sinua tallentamaan.
4. Lisää URL-osoite komentosarjaan, joka käsittelee lomakkeen tiedot Toiminnon URL-kenttään. Lomakekäsittelijät ovat yleensä PHP: n tai vastaavan palvelinpuolen kielellä kirjoitettuja komentosarjoja. Ilman näitä tietoja verkkosivusi ei voi tehdä mitään käyttäjän antamien tietojen kanssa. KompoZer kehottaa sinua syöttämään lomakekäsittelijän URL-osoitteen, jos et anna sitä.
5. Valitse lomakkeen tietojen lähettäminen palvelimelle. Nämä kaksi vaihtoehtoa ovat GET ja POST. Sinun on tiedettävä, mitä menetelmää komentosarja vaatii.
6. Napsauta OK ja lomake lisätään sivulle.

03/06

Lisää tekstikenttä muotoon KompoZerin avulla

Kun olet lisännyt lomakkeen KompoZer-sivulle, lomake on hahmoteltu sivulla vaaleansinisellä katkoviivalla. Voit lisätä lomakekentät tällä alueella. Voit myös kirjoittaa tekstiä tai lisätä kuvia, aivan kuten minkä tahansa sivun muuhun osaan. Teksti on hyödyllistä lisätä ohjeita tai tarroja kenttien muodostamiseen ohjaamaan käyttäjää.

1. Valitse, mistä haluat tekstikentän mennä näkyviin muotoillun lomakkeen alueella. Jos haluat lisätä merkinnän, voit kirjoittaa tekstin ensin.
2. Napsauta työkalupalkin Muoto-painikkeen vieressä olevaa alas-nuolta ja valitse avattavasta valikosta Lomakenttä.
3. Lomakkeen kentän ominaisuudet -ikkuna avautuu. Lisää tekstikenttä valitsemalla avattavasta valikosta Tekstin tyyppi.
4. Anna tekstikenttään nimi. Nimeä käytetään tunnistamaan kenttä HTML-koodissa ja lomakekäskriptillä täytyy nimi käsitellä tietoja. Joitakin muita valinnaisia ​​attribuutteja voidaan muokata tässä valintaikkunassa valitsemalla Lisää ominaisuuksia / Pienempiä ominaisuuksia -painiketta tai painamalla Lisäasetukset-painiketta, mutta vasta nyt syötämme kentän nimen.
5. Napsauta OK ja tekstikenttä ilmestyy sivulle.

04/06

Lisää tekstipinta lomakkeeseen KompoZerin avulla

Joskus on paljon tekstiä syötettävä lomakkeeseen, kuten viestiin tai kysymyksiin / kommentteihin. Tässä tapauksessa tekstikenttä ei ole juuri sopiva. Voit lisätä tekstimuotoisen kentän kentän avulla.

1. Aseta kohdistin muotoiluun, jossa haluat tekstisivun olevan. Jos haluat kirjoittaa tunnisteen, on usein hyvä kirjoittaa otsikkotekstiin, paina Enter-näppäintä siirtyäksesi uuteen riviin ja lisää sitten lomakekenttä, koska sivun tekstialueen koko tekee siitä hankalaksi. etiketti on vasemmalla tai oikealla.
2. Napsauta työkalupalkin Muoto-painikkeen vieressä olevaa alanuolta ja valitse avattavasta valikosta Tekstin ala. Tekstialueen ominaisuudet -ikkuna avautuu.
3. Anna tekstikentän kenttään nimi. Nimi yksilöi HTML-koodin kentän, jota lomake käsittelee käsikirjoitus käsittelemään käyttäjän toimittamia tietoja.
4. Syötä rivien ja sarakkeiden määrä, joiden haluat näkyvän tekstialueella. Nämä mitat määrittävät kentän kentän koon ja kuinka paljon tekstiä voidaan syöttää kenttään ennen vierityksen tarvetta.
5. Lisäasetukset voidaan määrittää muiden ikkuna-asetusten avulla, mutta kentän nimi ja mitat ovat nyt riittävät.
6. Napsauta OK ja tekstilaatikko näkyy lomakkeessa.

05/06

Lisää Lähetä ja palauta nappia lomakkeeseen KompoZerin avulla

Kun käyttäjä on täyttänyt lomakkeen sivullesi, on oltava jonkinlainen tapa toimittaa tiedot palvelimelle. Lisäksi, jos käyttäjä haluaa aloittaa tai tehdä virheen, on hyödyllistä sisällyttää hallinta, joka palauttaa kaikki lomakkeen arvot oletusarvoiksi. Erikoistoimisäätimet käsittelevät näitä toimintoja, joita kutsutaan vastaavasti Lähetä- ja Nollauspainikkeiksi.

1. Aseta kohdistin viivoitettuun lomakkeen alueeseen, jossa haluat lähettää tai nollata -painikkeen. Useimmiten nämä sijaitsevat lomakkeen muiden kenttien alapuolella.
2. Napsauta työkalurivin Muoto-painikkeen vieressä olevaa alas-nuolta ja valitse avattavasta valikosta Määritä-painike. Näkyviin tulee Näppäinominaisuudet-ikkuna.
3. Valitse haluamasi painikkeen tyyppi avattavasta valikosta. Valintasi ovat Lähetä, Palauta ja painike. Tässä tapauksessa valitaan Submit tyyppi.
4. Anna nimeksi painike, jota käytetään HTML- ja lomakekoodeissa lomakepyynnön käsittelemiseen. Web-kehittäjät nimeävät kentän "lähetä".
5. Kirjoita laatikkoon Arvo kirjoittamalla teksti, joka pitäisi näkyä painikkeella. Tekstin pitäisi olla lyhyt, mutta kuvaileva siitä, mitä tapahtuu painikkeen ollessa painettuna. Jotain esimerkiksi "Lähetä", "Lähetä lomake" tai "Lähetä" ovat hyviä esimerkkejä.
6. Napsauta OK ja painike ilmestyy lomakkeeseen.

Nollaus-painike voidaan lisätä lomakkeeseen käyttämällä samaa prosessia, mutta valitse Nollaa Tyyppi-kentästä Submit-kohdan sijasta.

06/06

Lomakkeen muokkaaminen KompoZerin kanssa

KompoZerin lomake- tai lomakentän muokkaaminen on erittäin helppoa. Kaksoisnapsauta kenttää, jota haluat muokata, ja näyttöön tulee sopiva valintaikkuna, jossa voit muuttaa kenttäominaisuuksia tarpeidesi mukaan. Yllä oleva kaavio esittää yksinkertaisen lomakkeen tässä opetusohjelmassa käsiteltyjen komponenttien avulla.