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í)
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ž"

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

7) Zbývá jen zkopírovat zdrojový kód (HTML source) ze seamonkey

do HTML webové stránky

9) Aby bylo možné vyplněný formulář odeslat, úplně na konec před něj vepíšeme:

př.

 A Vaše stránky se mohou chlubit krásným formulářem

Zpět