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.
Luo uusi lomake
KompoZerilla on runsaasti muotoiltuja työkaluja, joiden avulla voit lisätä lomakkeita verkkosivuihin. Voit käyttää lomaketyyppejä napsauttamalla Muoto-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.
- Aseta kohdistin kohtaan, johon haluat lomakkeen näkyvän sivulla.
- Klikkaa muoto painiketta työkalupalkissa. Lomakkeen ominaisuudet -valintaikkuna avautuu.
- 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.
- 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ä.
- Valitse Menetelmä käytetään toimittamaan lomakkeen tiedot palvelimelle. Nämä kaksi vaihtoehtoa ovat GET ja POST. Sinun on tiedettävä, mitä menetelmää komentosarja vaatii.
- Klikkaus kunnossa ja lomake lisätään sivullesi.
Lisää tekstikenttä lomakkeeseen
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ää.
- Valitse, mistä haluat tekstikentän mennä näkyviin muotoillun lomakkeen alueella. Jos haluat lisätä merkinnän, voit kirjoittaa tekstin ensin.
- Klikkaa alas -nuolta vieressä muoto -painiketta työkalupalkissa ja valitse avattavasta valikosta Lomakenttä.
- Lomakkeen kentän ominaisuudet -ikkuna avautuu. Lisää tekstikenttä valitsemalla Teksti avattavasta avattavasta valikosta Kentän tyyppi.
- 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 muuttaa tässä valintaikkunassa valitsemalla Lisää ominaisuuksia / vähemmän ominaisuuksia -painiketta tai painamalla Advanced Edit -painiketta, mutta nyt vain annamme kentän nimen.
- Klikkaus kunnossa ja tekstikenttä ilmestyy sivulle.
Lisää tekstikenttä lomakkeeseen
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.
- 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.
- Klikkaa alas -nuolta vieressä muoto painiketta ja valitse Teksti alue pudotusvalikosta. Tekstialueen ominaisuudet -ikkuna avautuu.
- Anna tekstikentän kenttään nimi. Nimi yksilöi HTML-koodin kentän, jota lomake käsittelevä käsikirjoitus käyttää käsittelemään käyttäjän antamia tietoja.
- 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.
- Lisäasetukset voidaan määrittää muiden ikkuna-asetusten kanssa, mutta nyt kentän nimi ja mitat ovat tarpeeksi.
- Klikkaus kunnossa ja tekstialue näkyy lomakkeessa.
Lisää Lähetä ja palauta -painike lomakkeeseen
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.
- Aseta kohdistin viivoitettuun lomakkeen alueeseen, jossa haluat lähettää tai nollata -painikkeen. Useimmiten nämä sijaitsevat lomakkeen muiden kenttien alapuolella.
- Klikkaa alas -nuolta vieressä muoto painiketta ja valitse Määritä -painike pudotusvalikosta. Näkyviin tulee Näppäinominaisuudet-ikkuna.
- Valitse haluamasi painikkeen tyyppi avattavasta valikosta. Valintasi ovat Lähetä, palauta ja painike. Tässä tapauksessa valitsemme Lähetä tyyppi.
- 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ä".
- Ruutuun merkitty Arvo, kirjoita 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ä.
- Napsauta OK ja painike ilmestyy lomakkeeseen.
asettaa uudelleen painike voidaan lisätä lomakkeeseen käyttämällä samaa prosessia, mutta valitse asettaa uudelleen alkaen Tyyppi kenttä sijaan Lähetä.
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.
