Ako pridať formulár pomocou programu KompoZer

01 z 06

Pridať formulár s nástrojom KompoZer

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ých formulárov, ktoré podporujú HTML 4.0, je možné pridať a upraviť pomocou programu KompoZer, ale pre tento tutoriál budeme pracovať s textovými, textovými oblasťami, tlačidlami na odosielanie a obnovením.

02 z 06

Vytvorte nový formulár pomocou programu KompoZer

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ú .

1. Umiestnite kurzor na miesto, na ktorom sa má váš formulár zobraziť na stránke.
2. Kliknite na tlačidlo Form na paneli s nástrojmi. Otvorí sa dialógové okno Vlastnosti formulára.
3. 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.
4. 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.
5. Vyberte metódu použitú na odoslanie údajov formulára na server. Obidve možnosti sú GET a POST. Budete potrebovať vedieť, akú metódu vyžaduje skript.
6. Kliknite na tlačidlo OK a formulár sa pridá na vašu stránku.

03 z 06

Pridajte textové pole do formulára pomocou programu KompoZer

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.

1. 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.
2. Kliknite na šípku nadol vedľa tlačidla Form na paneli s nástrojmi av rozbaľovacej ponuke vyberte Pole formulára.
3. Zobrazí sa okno Vlastnosti poľa formulára. Ak chcete pridať textové pole, v rozbaľovacej ponuke s označením Typ poľa vyberte položku Text.
4. 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. Niektoré ďalšie voliteľné atribúty je možné v tomto dialógovom okne zmeniť pomocou prepínania tlačidla Viac vlastností / Menej vlastností alebo stlačením tlačidla Rozšírené úpravy, ale teraz len zadáme názov poľa.
5. Kliknite na tlačidlo OK a textové pole sa zobrazí na stránke.

04 z 06

Pridajte textovú oblasť do formulára pomocou programu KompoZer

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.

1. 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.
2. Kliknite na šípku nadol vedľa tlačidla Form na paneli s nástrojmi av rozbaľovacej ponuke vyberte položku Textová oblasť. Otvorí sa okno Vlastnosti oblasti textov.
3. 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í odoslaných používateľom.
4. 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ť.
5. Pokročilejšie možnosti môžu byť špecifikované s ostatnými ovládacími prvkami v tomto okne, ale zatiaľ stačí meno a rozmery poľa.
6. Kliknite na tlačidlo OK a na formulári sa zobrazí textová oblasť.

05 z 06

Pridať tlačidlo na odoslanie a obnovenie formulára pomocou programu KompoZer

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.

1. 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.
2. Kliknite na šípku nadol vedľa tlačidla Form na paneli s nástrojmi av rozbaľovacej ponuke vyberte tlačidlo Definovať. Zobrazí sa okno Vlastnosti tlačidla.
3. 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 vyberieme typ odoslania.
4. 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ť".
5. V poli označenom hodnotou 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.
6. Kliknite na tlačidlo OK a tlačidlo sa zobrazí vo formulári.

Tlačidlo Obnoviť môžeme pridať do formulára pomocou rovnakého postupu, ale v časti Odoslať vyberieme možnosť Vynulovať z poľa Typ.

06 z 06

Ú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.