Existuje mnohokrát, keď vytvárate webové stránky, kde je potrebné spracovávať vstupy odoslané používateľom, ako je prihlasovacia stránka, vytvorenie nového účtu alebo odosielanie otázok alebo komentárov. Vstup užívateľa sa zhromažďuje a odosiela na webový server pomocou formulára HTML. Formuláre sa dajú ľahko doplniť pomocou vstavaných nástrojov spoločnosti KompoZer. Všetky typy formulárov, ktoré podporujú HTML 4.0, môžu byť pridané a upravené pomocou programu KompoZer, ale pre tento návod budeme pracovať s tlačidlami pre text, textovú oblasť, odosielanie a resetovanie.
Vytvorte nový formulár
Komposer má bohaté nástroje, ktoré môžete použiť na pridanie formulárov na vaše webové stránky. Prístup k nástrojom formulára získate kliknutím na tlačidlo Form (Formulár) alebo na sprievodnú rozbaľovaciu ponuku na paneli s nástrojmi. Všimnite si, že ak nepíšete svoje vlastné skripty na spracovanie formulárov, budete musieť získať nejaké informácie o tomto kroku z dokumentácie alebo od programátora, ktorý písal skript. Môžete použiť aj formuláre mailto, ale nie vždy fungujú.
- Umiestnite kurzor na miesto, na ktorom sa má váš formulár zobraziť na stránke.
- Kliknite na tlačidlo formulár na paneli s nástrojmi. Otvorí sa dialógové okno Vlastnosti formulára.
- Pridajte názov formulára. Názov sa používa v automaticky generovanom HTML kóde na identifikáciu formulára a vyžaduje sa. Predtým, ako môžete pridať formulár, musíte svoju stránku uložiť. Ak pracujete s novou neuloženou stránkou, KompoZer vás požiada o uloženie.
- Pridajte adresu URL do skriptu, ktorý spracuje údaje formulára v poli URL akcie. Riadiace formuláre sú obvykle skripty napísané v PHP alebo podobnom jazyku na strane servera. Bez týchto informácií vaša webová stránka nebude môcť nič urobiť s údajmi zadanými používateľom. Spoločnosť KompoZer vás vyzve na zadanie adresy URL pre obsluhu formulára, ak ju nezadáte.
- Vyberte položku metóda slúži na odoslanie údajov formulára na server. Obidve možnosti sú GET a POST. Budete potrebovať vedieť, akú metódu vyžaduje skript.
- kliknite OK a formulár sa pridá na vašu stránku.
Pridajte do formulára textové pole
Po pridaní formulára na stránku s nástrojom KompoZer bude formulár na stránke načrtnutý na svetlej modrej čiarke. Do tejto oblasti pridáte polia formulára. Môžete tiež písať text alebo pridať obrázky, rovnako ako v akejkoľvek inej časti stránky. Text je užitočný pri pridávaní výziev alebo štítkov na vytvorenie políčok, ktoré usmerňujú používateľa.
- Zvoľte miesto, na ktoré chcete textové pole prejsť v oblasti načrtnutej formy. Ak chcete pridať štítok, môžete najprv napísať text.
- Kliknite na tlačidlo šípka nadol vedľa formulár na paneli s nástrojmi av rozbaľovacej ponuke vyberte Pole formulára.
- Zobrazí sa okno Vlastnosti poľa formulára. Ak chcete pridať textové pole, vyberte text z rozbaľovacej ponuky označenej Typ poľa.
- Zadajte meno do textového poľa. Názov sa používa na identifikáciu poľa v kóde HTML a skript na spracovanie formulárov potrebuje meno na spracovanie údajov. V tomto dialógovom okne je možné meniť množstvo ďalších voliteľných atribútov Viac vlastností / menej vlastností alebo stlačením tlačidla Rozšírené úpravy, ale teraz len zadáme názov poľa.
- kliknite OK a textové pole sa zobrazí na stránke.
Pridajte oblasť textu do formulára
Niekedy musí byť vo formulári zadaná veľa textu, napríklad v správe alebo v poli otázok / komentárov. V tomto prípade textové pole jednoducho nie je vhodné. Pomocou nástrojov formulára môžete pridať pole formátu oblasti textov.
- Umiestnite kurzor do rámčeka formulára, v ktorom by ste chceli mať textovú oblasť. Ak chcete napísať štítok, často je dobré napísať text štítku, stlačte Enter a presuňte sa na nový riadok a potom pridajte pole formulára, pretože veľkosť textovej oblasti na stránke to robí nepríjemnou pre štítok, aby bol vľavo alebo vpravo.
- Kliknite na tlačidlo šípka nadol vedľa formulár na paneli s nástrojmi a vyberte text rozloha z rozbaľovacej ponuky. Otvorí sa okno Vlastnosti oblasti textov.
- Zadajte názov pre pole oblasti textu. Názov identifikuje pole v kóde HTML a používa skript na spracovanie formulárov na spracovanie informácií odosielaných používateľom.
- Zadajte počet riadkov a stĺpcov, ktoré chcete, aby sa textová oblasť zobrazila. Tieto rozmery určujú veľkosť poľa na stránke a koľko textu je možné vložiť do poľa predtým, než sa musí posúvať.
- V tomto okne je možné určiť rozšírenejšie možnosti s ostatnými ovládacími prvkami, ale zatiaľ stačí meno a rozmery poľa.
- kliknite OK a textová oblasť sa zobrazí vo formulári.
Pridať tlačidlo na odoslanie a obnovenie formulára
Keď používateľ vyplní formulár na vašej stránke, musí byť nejaký spôsob, ako dostať informácie na server. Navyše, ak chce používateľ začať znova alebo urobiť chybu, je užitočné zahrnúť ovládací prvok, ktorý obnoví všetky hodnoty formulára na predvolené. Ovládacie prvky špeciálnych formulárov spracovávajú tieto funkcie, ktoré sa nazývajú tlačidla Submit a Reset.
- Umiestnite kurzor do vyznačenej oblasti formulára, kde si želáte, aby bolo tlačidlo na odoslanie alebo resetovanie. Najčastejšie sa tieto umiestnia pod zvyšok polí vo formulári.
- Kliknite na tlačidlo šípka nadol vedľa formulár na paneli s nástrojmi a vyberte Definovať tlačidlo z rozbaľovacej ponuky. Zobrazí sa okno Vlastnosti tlačidla.
- Vyberte typ tlačidla z rozbaľovacej ponuky s označením Typ. Vaše voľby sú Submit, Reset a Button. V tomto prípade si vyberieme Predložiť typu.
- Zadajte názov tlačidla, ktoré sa použije v kóde HTML a spracovania formulára na spracovanie žiadosti o formulár. Weboví vývojári zvyčajne nazývajú toto pole "odosielať".
- V rámčeku označenom hodnota, zadajte text, ktorý sa má zobraziť na tlačidle. Text by mal byť krátky, ale opisný, čo sa stane po stlačení tlačidla. Niečo ako "Odoslať", "Odoslať formulár" alebo "Odoslať" sú dobré príklady.
- Kliknite na tlačidlo OK a tlačidlo sa zobrazí vo formulári.
resetovať tlačidlo môžete pridať do formulára pomocou rovnakého postupu, ale vyberte resetovať od typ pole namiesto Predložiť.
Úprava formulára pomocou programu KompoZer
Úprava formulára alebo formulára v KompoZer je veľmi jednoduchá. Jednoducho kliknite na pole, ktoré chcete upraviť, a zobrazí sa príslušné dialógové okno, kde môžete zmeniť vlastnosti poľa tak, aby vyhovovali vašim potrebám. Schéma uvedená vyššie zobrazuje jednoduchý formulár s použitím komponentov zahrnutých v tomto návode.
