Hej ty, umíš HTML? (VIII.)
FORMULÁŘE I. Prvním z mocných grafických objektů jsou tabulky, které nemusí nutně představovat jen seznam zboží. Kapitola XII. -- Význam a možnosti formulářů Jak již samotné označení napovídá, jsou formuláře jakési předpisy, pomocí kterých se (obvykle) shromažďují data. Příklady formulářů z běžného života jistě dobře znáte (daňové přiznání, příkaz k převodu, podací lístek, atd.) a vězte, že princip elektronických formulářů se od těch klasických vůbec neliší. Formulářem tedy označujeme stránku, která obsahuje různé možnosti volby, ale třeba i políčka pro vypisování textu a tlačítka pro případné odeslání či jinou akci. Objekty na stránkách se neliší od těch, jež znáte ve vašem operačním systému, a tak práce s nimi není pro uživatele nová. Přístup k nim je však zcela webový. Formuláře použijete všude tam, kde vyžadujete interakci s návštěvníkem stránek, ať již se jedná jen o pouhé zadání jména a hesla nebo složitý formulář, používaný při elektronickém obchodování. Data získaná z formuláře můžete zpracovat hned několika způsoby. Nejběžnější je odeslání dat CGI-skriptu na serveru, dále je možné použít i výkonných rutin v JavaScriptu, odeslání do pošty, atp. My si povíme o všech základních metodách. Kapitola XIII. -- Prvky formulářů Obdobně jako běžná dialogová okna může i formulář obsahovat hned několik různých objektů, které mají využití v různých případech. Vstupní pole Prvním prvkem je vstupní pole, zde se vepíše jednořádkový text. Vstupní pole může mít rovněž podobu pole pro heslo, kdy namísto znaků jsou zobrazovány hvězdičky. Další typ vstupního pole umožňuje také nalistovat soubor na vašem disku, neboť je vedle něj známé tlačítko "BROWSE" (vyhledat). Zaškrtávací políčko To se hodí tam, kde potřebujete dát na výběr jednu možnost; například uživatel zaškrtne, chce-li zobrazovat v diskusní skupině svojí e-mailovou adresu. Radiové políčko Pomocí radiového tlačítka si uživatel vybírá jednu z více možností. Když označí jedno políčko, ostatní jsou neoznačená. Textové pole Textové pole má obdobný význam jako pole vstupní, ale je víceřádkové. Nabídka Nabídka je vlastně vstupní pole, které má předdefinované jednotlivé hodnoty, z nichž jednu si uživatel vybírá. Seznam Seznam je obdoba textového pole, nedá se však do něj psát, ale uživatel si v něm vybere jednu nebo více řádek, s nimiž souhlasí. Obrázek Nejzajímavějším objektem může být aktivní obrázek. Pokud na něj kliknete, prohlížeč odešle souřadnice myši, podle toho, kde jste myš na obrázku stlačili. To je využitelné například v obrazových mapách, kdy vaše aplikace kontroluje, na jaké části obrázku byla myš stlačena, a podle toho zareaguje. Tlačítko Kromě těchto objektů můžete využívat i klasická tlačítka, jež mohou mít buď význam odeslání, vymazání formuláře a nastavení původních hodnot, nebo prakticky jakýkoliv jiný, který jim přiřadíte vhodným skriptem. Kapitola XIV. -- Založení formuláře Formulář je ohraničen párovým příkazem <FORM></FORM>. Uvnitř tohoto příkazu musí být všechny objekty vztahující se k formuláři a k dané akci, kterou formulář provádí. To je důležité vědět již také proto, že na jedné stránce může být více formulářů, z nichž každý dělá něco jiného a nezávisle na ovládacích prvcích toho druhého. Příkaz <FORM> má několik parametrů: ACTION -- udává URL adresu skriptu nebo název funkce či příkazu, který zpracovává formulář METHOD -- udává metodu zpracování. Možné hodnoty jsou GET (získání dat ze serveru) a POST (odeslání dat na server) ENCTYPE -- nastavuje způsob formátování odpovědi. Možné hodnoty jsou "application/x-www-form-urlencoded" pro URL kódování a "multipart/form-data" pro klasické seřazené kódování TARGET -- stejně jako u odkazů definuje okno, kam bude odpověď přesměrována (příště -- formuláře II)
Bedřich Smetana
|