Jak přidat formulář s KompoZer

01 z 06

Přidat formulář s aplikací KompoZer

Existuje mnohokrát, když vytváříte webové stránky, kde je třeba zpracovat vstup odeslaný uživatelem, jako je přihlašovací stránka, vytvoření nového účtu nebo odesílání dotazů nebo komentářů. Vstup uživatele se shromažďuje a odesílá na webový server pomocí formuláře HTML. Formuláře se snadno doplňují pomocí vestavěných nástrojů společnosti KompoZer. Všechny typy formulářových polí, které podporují HTML 4.0, lze přidávat a upravovat pomocí aplikace KompoZer, ale pro tento tutoriál budeme pracovat s textem, textovou oblastí, tlačítky pro odeslání a obnovení.

02 ze dne 06

Vytvořte nový formulář s aplikací KompoZer

Komposer má bohaté nástroje, které můžete použít k přidávání formulářů na vaše webové stránky. K formulářovým nástrojům přistupujete kliknutím na tlačítko Form nebo na přiloženém rozbalovacím menu na panelu nástrojů. Všimněte si, že pokud nenapsáte vlastní skripty pro zpracování formulářů , budete muset získat informace o tomto kroku z dokumentace nebo od programátora, který napsal skript. Můžete také použít formuláře mailto, ale nefungují vždy .

1. Umístěte kurzor na místo, které chcete, aby se váš formulář zobrazil na stránce.
2. Klikněte na tlačítko Form na panelu nástrojů. Otevře se dialogové okno Vlastnosti formuláře.
3. Přidat název formuláře. Název se v automaticky generovaném kódu HTML používá k identifikaci formuláře a je vyžadován. Před přidáním formuláře musíte také uložit svou stránku. Pokud pracujete s novou neuloženou stránkou, aplikace KompoZer vás vyzve k uložení.
4. Přidejte adresu URL do skriptu, který bude zpracovávat data formuláře v poli Adresa URL akce. Formuláři jsou obvykle skripty psané v jazyce PHP nebo podobném jazyce na straně serveru. Bez těchto informací nebude vaše webová stránka schopna s údaji zadanými uživatelem nic dělat. KompoZer vás vyzve k zadání adresy URL pro obsluhu formuláře, pokud ji nezadáte.
5. Vyberte metodu použitou k odeslání dat formuláře na server. Dvě možnosti jsou GET a POST. Budete potřebovat vědět, kterou metodu skript vyžaduje.
6. Klepněte na tlačítko OK a formulář se přidá na vaši stránku.

03 ze dne 06

Přidat textové pole do formuláře pomocí aplikace KompoZer

Po přidání formuláře na stránku s nástrojem KompoZer bude formulář na stránce uveden na světle modré čárkované čáře. Do této oblasti přidáte pole formuláře. Můžete také napsat text nebo přidat obrázky, stejně jako na jiné části stránky. Text je užitečný pro přidání výzev nebo štítků, které vytvářejí pole pro uživatele.

1. Zvolte, kam chcete textové pole přejít do oblasti formuláře. Chcete-li přidat štítek, můžete nejprve napsat text.
2. Klepněte na šipku dolů vedle tlačítka Form na panelu nástrojů av rozbalovací nabídce vyberte pole Formulář.
3. Zobrazí se okno Vlastnosti pole formuláře. Chcete-li přidat textové pole, z rozbalovací nabídky označené Typ pole zvolte Text.
4. Do textového pole uveďte název. Název se používá k identifikaci pole v kódu HTML a skript pro zpracování formuláře potřebuje jméno pro zpracování dat. Řada dalších volitelných atributů lze v tomto dialogovém okně změnit tak, že přepínáte tlačítko Více vlastností / Méně vlastností nebo stisknete tlačítko Upřesnit úpravu, ale prozatím pouze zadáme název pole.
5. Klepněte na tlačítko OK a textové pole se zobrazí na stránce.

04 z 06

Přidejte textovou oblast do formuláře pomocí aplikace KompoZer

Někdy je třeba na formuláři zadat hodně textu, například pole zprávy nebo pole otázky / poznámky. V tomto případě není textové pole vhodné. Pomocí formulárových nástrojů můžete přidat pole tvaru oblasti textu.

1. Umístěte kurzor do obrysu formuláře, kde chcete mít textovou oblast. Chcete-li zadat štítek, je často dobré zadat text štítku, stisknutím klávesy Enter přesunout na nový řádek a poté přidat pole formuláře, protože velikost textové oblasti na stránce je pro trasu neprůstřelná. štítkem, který má být vlevo nebo vpravo.
2. Klepněte na šipku dolů vedle tlačítka Form na panelu nástrojů av rozbalovací nabídce vyberte oblast textu. Otevře se okno Vlastnosti oblasti textu.
3. Zadejte název pole oblasti textu. Název identifikuje pole v kódu HTML a používá skript pro zpracování formuláře pro zpracování informací odeslaných uživatelem.
4. Zadejte počet řádků a sloupců, které chcete zobrazovat. Tyto rozměry určují velikost pole na stránce a kolik textu je možné zadat do pole, než se musí posunout.
5. V tomto okně lze zadat další pokročilé možnosti, ale v tomto okně je možné nastavit název a rozměry pole.
6. Klepněte na tlačítko OK a textová oblast se zobrazí ve formuláři.

05 ze dne 06

Přidejte tlačítko Submit a Reset do formuláře pomocí aplikace KompoZer

Poté, co uživatel vyplnil formulář na vaší stránce, musí existovat nějaký způsob, jak se informace odesílat na server. Navíc, pokud chce uživatel začít znovu nebo udělá chybu, je užitečné přidat ovládací prvek, který obnoví výchozí hodnoty všech formulářů. Zvláštní ovládací prvky formuláře obsluhují tyto funkce, které se nazývají tlačítka Odeslat a Reset.

1. Umístěte kurzor do vyznačené oblasti formuláře, kde chcete, aby bylo tlačítko pro odeslání nebo resetování. Nejčastěji se budou nacházet pod zbytky polí ve formuláři.
2. Klepněte na šipku dolů vedle tlačítka Form na panelu nástrojů av rozevírací nabídce zvolte tlačítko Definovat. Zobrazí se okno Vlastnosti tlačítka.
3. V rozevírací nabídce Typ vyberte typ tlačítka. Vaše volby jsou Submit, Reset a Button. V takovém případě zvolíme typ Odeslat.
4. Zadejte název tlačítka, které bude použito v kódu HTML a zpracování formuláře pro zpracování žádosti o formulář. Weboví vývojáři zpravidla nazývají toto pole "odeslat".
5. Do pole označeného hodnotou zadejte text, který se má zobrazit na tlačítku. Text by měl být krátký, ale popisný, co se stane při stisknutí tlačítka. Něco jako "Odeslat", "Odeslat formulář" nebo "Odeslat" jsou dobré příklady.
6. Klepněte na tlačítko OK a tlačítko se zobrazí ve formuláři.

Tlačítko Reset lze do formuláře přidat pomocí stejného postupu, ale v nabídce Odeslat namísto políčka Vybrat zvolte možnost Zrušit.

06 z 06

Úprava formuláře pomocí aplikace KompoZer

Úprava formuláře nebo formuláře v aplikaci KompoZer je velmi snadná. Jednoduše poklepejte na pole, které chcete upravit, a zobrazí se příslušné dialogové okno, kde můžete změnit vlastnosti pole tak, aby vyhovovaly vašim potřebám. Výše uvedený diagram ukazuje jednoduchý formulář s použitím součástí obsažených v tomto výukovém programu.