Vytvořte si vlastní formulář

 Máme pro Vás další zajímavý tip, jak si vylepšit webové stránky. Tentokrát se podíváme do zákulisí tvorby formulářů.

Co k tomu budete potřebovat:

A) prohlížeč SEAMONKEY (volně ke stažení ZDE)
B) doplňek aplikace SEAMONKEY tzv. SeaMonkey Debug and QA UI (volně ke stažení)

Nyní tedy přistoupíme k tvorbě samotného formuláře.

Chceme např. vytvořit formulář s těmito prvky - jméno, příjmení, pohlaví.

1) V otevřeném "seamonkey" klikňete dole na tzv. composer

2) klasickým způsobem vepíšeme na stránku :jméno, poté klikneme na ikonku "debug"-"form"-"form field"

3) do okna vepíšeme "jmeno" a zvolíme velikost pole "field size", např. 10.

4) stejně tak vytvořáme kolonku "příjmení"

5) "pohlaví": opět zvolíme "debug"-"form"-"form field". Místo předdefinovaného textu ("text"), zvolíme variantu "radio button".

Následně do kolonky group name vepíšeme "pohlaví" a do kolonky field value pak "žena"
Poté stejným způsobem vytvoříme pohlaví  "muž"

Poznámka: to co zapíšete do pole name bude zobrazeno v emailu.

6) A toto by měl být výsledek:

7) Vygenerovaný HTML kod si uložte nebo si okno nechte otevřené budeme s ním ještě pracovat

8) V redakčním systému si vytvořte v záložce stránky novou předdefinovanou stránku viz. obrázek

9) Vyberte si typ formuláře. Bez ochrany znamená, že po návštěvníkovi nebude vyžadované vyplnění kontrolní otázky.

10) Najeďte zpět na strukturu stránek a zde otevřete vytvořený formulář.

11) Klikněte na ikonku HTML, tím se dostanete přímo do editace HTML kódu stránky.

12) Vyznačený kod smažte důležité je jen, aby zůstal první tag a poslední (jemně se liší v závislosti na typu vybraného formuláře).

13) Na vyznačenou pozici vložte kod, který jste si dříve vytvořili pomocí  SeaMonkey.  Za mailto= vložte email na který si přejete data odesílat. Pokud jej nezadáte, použije se systémový e-mail z nastavení.

14) Nyní stačí stránku uložit a je hotovo.

Zpět