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í.
Vytvořte nový formulář
Komposer má bohaté nástroje, které můžete použít k přidávání formulářů na vaše webové stránky. Přístup k formulářovým nástrojům získáte klepnutím na tlačítko Form nebo na přiloženou rozbalovací nabídku 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.
- Umístěte kurzor na místo, které chcete, aby se váš formulář zobrazil na stránce.
- Klepněte na tlačítko Formulář na panelu nástrojů. Otevře se dialogové okno Vlastnosti formuláře.
- 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í.
- 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.
- Vybrat Metoda slouží 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.
- Klikněte na tlačítko OK a formulář se přidá na vaši stránku.
Přidejte do formuláře textové pole
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.
- Zvolte, kam chcete textové pole přejít do oblasti formuláře. Chcete-li přidat štítek, můžete nejprve napsat text.
- Klepněte na tlačítko šipka dolů vedle Formulář na panelu nástrojů av rozevírací nabídce zvolte pole formuláře.
- Zobrazí se okno Vlastnosti pole formuláře. Chcete-li přidat textové pole, zvolte možnost Text z rozevírací nabídky označené Typ pole.
- 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 přepnutím přepínače Více vlastností / méně vlastností nebo stisknutím tlačítka Pokročilé úpravy, ale prozatím pouze zadáme název pole.
- Klikněte na tlačítko OK a textové pole se zobrazí na stránce.
Přidejte textovou oblast do formuláře
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.
- 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.
- Klepněte na tlačítko šipka dolů vedle Formulář na panelu nástrojů a vyberte Text Plocha z rozbalovací nabídky. Otevře se okno Vlastnosti oblasti textu.
- Zadejte název pole oblasti textu. Název identifikuje pole v kódu HTML a je používán skriptem pro zpracování formuláře pro zpracování informací odeslaných uživateli.
- 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.
- V tomto okně lze zadat pokročilejší možnosti s ostatními ovládacími prvky, ale zatím je dostatečné jméno a rozměry pole.
- Klikněte na tlačítko OK a textová oblast se zobrazí ve formuláři.
Přidejte tlačítko Submit a Reset do formuláře
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.
- 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.
- Klepněte na tlačítko šipka dolů vedle Formulář na panelu nástrojů a vyberte Definovat tlačítko z rozbalovací nabídky. Zobrazí se okno Vlastnosti tlačítka.
- V rozevírací nabídce Typ vyberte typ tlačítka. Vaše volby jsou Odeslat, Reset a Tlačítko. V tomto případě si vybereme Předložit typ.
- 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".
- V poli označeném Hodnota, 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.
- Klepněte na tlačítko OK a tlačítko se zobrazí ve formuláři.
The Resetovat tlačítko lze přidat do formuláře pomocí stejného postupu, ale vyberte Resetovat od Typ pole místo Předložit.
Ú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.
