|
Formulář je vlastně skupina objektů, pomocí nichž uživatel vybírá nebo zadává různá data. Ty jsou pak pohromadě odeslány, buď na e-mail nebo na server k dalšímu zpracování.
Pro tvorbu formulářů je v HTML definováno několik tagů. Zde je jejich seznam se stručným popisem: <FORM> - základní tad pro vkládání formuláře do HTML <INPUT> - vstupní pole nebo tlačítka <SELECT> - výběrové pole <OPTION> - položka ve výběrovém poli <TEXTAREA> - velké textové vstupní pole <FIELDSET> - vykreslí okolo formuláře čáru <LEGEND> - nadpis formuláře Tag <FORM> Párový tag, který musí ohraničovat celý formulář. Jeho atributy nastavují jak a kam se bude formulář odesílat. Zde je jejich seznam: ACTION - hodnotou je buď adresa scriptu, který bude formulář zpracovávat, nebo adresa ve tvaru: "mailto:jmenoschránky@server.cz" METHOD - tento atribut nastavuje, jakým způsobem budou data odesílána. Hodnoty jsou: get - data budou předána jako součást URL. post - data budou zabalena a budou odeslána nezávisle. ENCTYPE - hodnoty nastavují, v jakém tvaru mají být data odesílána. Hodnoty jsou: multiport/form-data - bez českých znaků (české znaky ignoruje) text/plain - vhodné pro odesílání jednoduché pošty. Zobrazuje i české znaky. Tag <INPUT> Nepárový tag, s jehož pomocí se vytváří např. vstupní pole nebo tlačítka. Tento tag má ještě několik atributů: TYPE - určuje typ vstupního pole. Zde jsou jeho hodnoty: text - jednořádkové vstupní textové pole password - jednořádkové vstupní textové pole. Místo znaků se však zobrazují hvězdičky (používá se na hesla). hidden - skryté textové pole s předem nastavenou hodnotou. radio - přepínač mezi několika hodnotami. checkbox - zaškrtávací pole. submit - tlačítko odeslat. reset - tlačítko pro vymazání formuláře. button - obyčejné tlačítko, funkci mu nastavují až správci událostí JavaScriptu. NAME - jméno pole odesílané s daty, je možné zadat jakékoliv. VALUE - Nastavuje se s ním např. co má být napsáno ve vstupním poli nebo na tlačítku. SIZE - u textových políček nastavuje jejich velikost ve znacích. MAXLENGTH - u textových políček nastavuje, kolik můžete vložit nejvíce znaků. CHECKED - atribut bez hodnot. Pokud je nastaveno TYPE="radio" nebo TYPE="checkbox" nastavuje, že mají být tato políčka standardně zaškrtnutá. DISABLED - nemá žádné hodnoty a nastavuje, že pole bude šedé a nepůjde měnit. Tag <SELECT> Párový tag, který vytvoří výběrové rolovací pole, do kterého se pomocí nepárového tagu <OPTION> vytvoří položka. Atributy tabu <SELECT>: NAME - jméno pole odesílané s daty. Je možné nastavit jakékoliv. SIZE - nastavuje počet zobrazených řádků. MULTIPLE - atribut bez hodnot, umožňuje hromadný výběr položek. DISABLED - atribut bez hodnoty, pole bude šedé a nepůjde měnit. Atributy tagu <OPTION>: VALE - text odesílaný jako hodnota pole. SELESTED - atribut bez hodnot, nastavuje, jaké políčko z výběru bude zobrazeno. Důležité je vědět, že to, co se zobrazí za tagem se zobrazí jako položka ve výběru. Tag <TEXTAREA> Párový tag, který vytvoří velké textové vstupní pole pro zadání textu či vzkazu. Atributy jsou: NAME - jméno pole odesílané s daty. COLS - určuje šířku ve znacích. ROWS - určuje výšku v řádcích. DISABLED - atribut bez hodnoty. Pole bude šedé a nepůjde měnit. Pokud chcete, aby v poli již nějaký text byl, vložte ho mezi tagy <TEXTAREA> a </TEXTAREA>. Tag <FIELDSET> Tag, který vytvoří kolem formuláře tenkou čáru. Musí následovat bezprostředně po tagu <FORM>. Nemá atributy. Tag <LEGEND> Párový tag, jehož obsah bude nadpis formuláře zobrazený přes čáru. Musí následovat bezprostředně za tagem <FIELDSET>. Má pouze atribut ALIGN, který určuje zarovnání nadpisu. A zde je malý příklad: <FORM ECTION="mailto:sladky.jiri@seznam.cz" METHOD="post" ENCTYPE="text/plain"> <FIELDSET> <LEGEND>Formulář</LEGEND> <U>J</U>méno:<INPUT TYPE="text" SIZE="20" ACCESSKEY="j"> <U>E</U>-mail:<INPUT TYPE="text" SIZE="20" ACCESSKEY="e"> <U>P</U>ohlaví:<SELECT NAME="pohlaví" ACCESSKEY="p"> <OPTION VALUE="vybrat" SELECTED>(vyberte) <OPTION VALUE="muz">Muž <OPTION VALUE="zena">Žena </SELECT> <U>V</U>ěk:<INPUT TYPE="text" SIZE="3" ACCESSKEY="v"> Chcete odpovědět na tento e-mail: <INPUT TYPE="checkbox" NAME="odpoved"> Ano Jak hodnotíte tyto stránky:<INPUT TYPE="radio" NAME="hodnoceni" VALUE="1">Výborný <INPUT TYPE="radio" NAME="hodnoceni" VALUE="2">špatný <U>Z</U>práva<TEXTAREA COLS="20" ROWS="5" NAME="text" ACCESSKEY="z">Zadejte zprávu!!</TEXTAREA> <INPUT TYPE="submit" VALUE="Odeslat"><INPUT TYPE="reset" VALUE="Vymazat"> </FIELDSET> </FROM> Formulář Jméno: E-mail: Pohlaví: (vyberte) Muž Žena Věk: Chcete odpovědět na tento e-mail: Ano Jak hodnotíte tyto stránky:Výborný špatný ZprávaZadejte zprávu!!
Určitě jste si všimli atributu ACCESSKEY, o kterém tady zatím ještě nebyla řeč. Hodnotou tohoto atributu je písmenko, které pokud se stiskne s klávesou Alt, stane se daný objekt aktivní. S tím jsou spjata i ta podtrhaná písmenka. Dalším atributem, který lze použít všude, je atribut TABINDEX. Jistě víte, že mezi položkami ve formuláři se můžeme pohybovat i klávesnicí, a to klávesou Tab (tabulátor). Hodnotou atributu TABINDEX jsou tedy čísla od 1 do n (kde n je počet objektů ve vašem formuláři) a nastavuje, v jakém pořadí se budeme ve formuláři pohybovat. Zůsoby odesílání formulářů Přes poštovního klienta uživatele. To je to záhadné ACTION="mailto:sladky.jiri@seznam.cz". Za slovo mailto: obecně napíšeme naší e-mailovou adresu a je to. Je to však velice nespolehlivé, jelikož ne každý má nainstalovaného a správně nastaveného poštovního klienta na počítači. Rovněž ani výstup nevypadá nějak dobře. Přes server Některé služby, jako např. www.mailform.cz nebo www.blueboard, nabízejí zpracovávání formulářů zdarma. Důležité je pozměnit zdrojový kód formuláře podle jejich požadavků a vše je hotovo. Pomocí scriptu Nejčastěji CGI, ASP či PHP. Je to asi nejlepší a nejspolehlivější způsob, ale asi ne každý umí CGI či PHP, a navíc musíte mít podporu serveru. |