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

Composer - rychlá ikona spuštění  

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

Form field v Composeru  

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

Vlastnosti Form fieldu  

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".

Composer - vkládání radio buttonu

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:

Composer - náhled vytvořené stránky  

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

 Editace HTML kódu

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

Administrace stránek - možnost přídání předefinovanných stránek

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

 Administrace stránek - vytvoření formuláře

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

 Administrace stránek - stránka formulář

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

 Administrace stránek - editace HTML kódu

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).

 Administrace stránek - HTML kód 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í.

 Administrace stránek - vkládání HTML kódu pro formulář

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

Zpět

 

Nezávazně vyzkoušejte webové stránky zdarma

Klientská sekce pro Vás

Spravujte své domény a hosting pohodlně 24 hodin denně

Kontakt pro zákazníky

Technická podpora

PO-PÁ 8:00-21:00
SO-NE, svátky 9:00-21:00

E-mail: podpora@banan.cz

Online pracovník

Bc. Tomáš Lacina

+420 553 810 250

Online chat

Zvládáme opensource

Na našich serverech jsme ručně ověřili funkci více než 140 opensource systémů, některé z nich nabízíme na jedno kliknutí v administraci.

Hostované domény

9932 domén 8126 1806

Poslední článek - HOMEPAGE PRVKY

Webové stránky a eshop

Zdarma pro každého

Ověřit dostupnost domény
Technická podpora: +420 553 810 250podpora@banan.cz
Technická podpora 800-2100 (SO-NE 900-2100) X
Online pracovník: Bc. Tomáš Lacina
+420 553 810 250
podpora@banan.cz nebo Online chat
Kontaktovat technickou podporu můžete zde
Kontaktovat technickou podporu můžete zde
PO-PÁ 800-2100 (víkendy a svátky 900-2100)