Reklama

pForm – webové formuláře ke stažení zdarma

21.2.2008, Jan Polzer

Vytváříte webové stránky? Pak se zřejmě často setkáváte s požadavkem na vytvoření webového formuláře. Může to být kontaktní formulář, sada políček pro registraci uživatele na webu, přihlášení k odběru newsletterů či cokoli jiného, co se na webu pomocí formuláře řeší. Jestliže nemáte k dispozici nějaký schopný program pro rychlé sestavení webového formuláře ve vizuálním režimu (např. Microsoft Expression Web) a následné zkopírování do kódu webové aplikace, pak vyzkoušejte jednoduchou online pomůcku, která vám s vytvořením formuláře pomůže. Po vytvoření vám jej zdarma nabídne ke stažení. 

Reklama

Zmíněná online aplikace se jmenuje pForm a najdete ji na adrese www.phpform.org. Vytvoření formuláře probíhá pomocí průvodce, ve kterém si formulář v podstatě naklikáte. Výsledek vaší práce na formuláři vám pForm nabídne ke stažení zdarma. 

Celá tvorba formuláře je rozdělena do tří částí. Na úvodní stránce webu si nejprve vyberete barevné schéma formuláře. V době publikace tohoto článku pForm nabízelo celkem pětadvacet barevných schémat formulářů. Po výběru barvy pokračujte tlačítkem Next. 

Tvorba formuláře s pForm
Výběr barevného schématu formuláře

Vytvoření formuláře 

Druhá část tvorby formuláře vyžaduje trošku více, než jen pouhé kliknutí na barevné schéma. Na pravé straně uvidíte panel s jednotlivými prvky, které lze do formuláře přidat. To učiníte klepnutím na některé tlačítko. Celá tvorba formuláře je velmi rychlá. Vytvoření formuláře se sadou políček pro zadání firmy, jména a adresy je otázkou tří kliknutí. Samozřejmě, pokud vám stačí formulář v angličtině. 

Tvorba formuláře s pForm
Tvorba formuláře 

Úprava formuláře

Texty okolo políček ve formuláři můžete jednoduše upravit. Když nad prvek formuláře umístíte kurzor, zobrazí se tenké orámování a symbol tužky. Na tužku kliknete a v momentě se vám zobrazí políčka s možností úpravy vybraného prvku formuláře. Jakmile si vše upravíte tak, aby formulář vypadal podle vašich představ, klikněte na tlačítko Save form. 

Tvorba formuláře s pForm
Nastavení vlastností políček ve formuláři

Stažení formuláře zdarma 

Poslední částí tvorby formuláře je jeho následné stažení do počítače. Kliknutím na odkaz Download Form si formulář stáhnete jako balíček ZIP. Chcete-li si jej před stažením ještě prohlédnout, klikněte na odkaz Form Preview. Stažený balíček obsahuje HTML soubor, JavaScript a obrázky doplňující vzhled formuláře. Zaujalo mě, že kostra formuláře je už řešena moderně pomocí pozicování a kaskádových stylů, tedy bez umisťování prvků formuláře do tabulek. 

Tvorba formuláře s pForm
Stažení formuláře do počítače 

Online aplikace pro tvorbu formulářů pForm je velmi zajímavou pomůckou, vytvořené formuláře vypadají dokonale profesionálně a jejich tvorba je velmi jednoduchá. Ptáte se, proč je tato pomůcka zdarma? Odpověď je jednoduchá, a hledejte ji v závěrečné části průvodce s možností stažení formuláře – celá tato pomůcka slouží jako reklama na placený program MachForm – vytváří podobné, ale mnohem propracovanější formuláře.

Chcete-li podobným způsobem vytvořit formulář i s obsluhou vložených dat (odeslání e-mailem, uložení do databáze), koukněte na článek phpFormGenerator: naklikejte si webové formuláře v PHP

Reklama

Volná místa v IT

Další pracovní místa najdete na stránce Volná pracovní místa v IT.

Další a předchozí články

<< QTTabBar: záložky pro Windows Explorer
Kouzla a čáry s Google Images >>

Komentáře

Jimmy (neověřeno) 22.2.2008 21:00:08 ()

Po přečtení článku jsem si o tom udělal celkem dobrý obrázek. Škoda jen, že jsem na tuto aplikaci nenarazil dříve, když jsem řešil právě problém s formuláři. I tak děkuji za tento text ;) určitě mi do budoucna moc pomohl.

Obrázek uživatele Jan Polzer

Jan Polzer (www.polzer.cz) 22.2.2008 21:51:56 ()

to jsem rád :-)

 

Majitel Maxiorla. Nabízím mimo jiné placené poradenství pro Drupal. Jsem i na Twitteru.

piloponth 21.8.2008 16:40:33 ()

Nech robim, co robim, ale dve textove policka vedla seba nedam. Skusal som to v troch browseroch, snazil som sa dosiahnut vzhlad ako na vasom priklade ale marna snaha.

Any Ideas?

Obrázek uživatele Jan Polzer

Jan Polzer (www.polzer.cz) 22.8.2008 10:34:51 ()

Jednotlivá políčka vedle sebe pForm dát neumí. V ukázce v článku je použit speciální formulář pro zadávání adresy, tam to pForm vedle sebe dá. Ale nijak to neovlivníte, pokud vím.

Majitel Maxiorla. Nabízím mimo jiné placené poradenství pro Drupal. Jsem i na Twitteru.

RomanH (neověřeno) 22.2.2008 23:17:15 ()

Velice užitečný článek, jsem rád, že jsem se dozvěděl o tomto webu.

jimi (neověřeno) 19.3.2008 10:10:46 ()

Pěkné, stručné, jasné, jen mi není jasné, kde si mohu prohlédnout data z vyplněných formůlářů, poradíte mi? Děkuji.

Obrázek uživatele Jan Polzer

Jan Polzer (www.polzer.cz) 19.3.2008 10:38:13 ()

No přeci tam, kam si ta data necháte zaslat. Buď na e-mailu nebo na nějaké webové stránce, která ta data zpracuje.


 

Majitel Maxiorla. Nabízím mimo jiné placené poradenství pro Drupal. Jsem i na Twitteru.

jimi (neověřeno) 19.3.2008 10:52:55 ()

Asi jsem natvrdlý, ale není mi jasný mechanismus toho, jak si data z vyplněných formulářů nechat poslat třeba na email. Při vlastní tvorbě formuláře jsem tam nikde neobjevil možnost, jak data nechat zaslat třeba na konkrétní email...

Obrázek uživatele Jan Polzer

Jan Polzer (www.polzer.cz) 19.3.2008 11:01:08 ()

Je to jednoduché. Až budete formulář implemenovat na webu, tak v jeho kódu akorát doplníte do vlastnosti action odkaz na skript, kterým data z formuláře zpracujete.

Ve zmíněném placeném produktu lze dokonce nakikat ukládání do databáze nebo posílání na e-mail. Ovšem myslím si, že většina lidí, kteří si formulář vytvoří stejně bude chtít data zpracovat po svém.

Majitel Maxiorla. Nabízím mimo jiné placené poradenství pro Drupal. Jsem i na Twitteru.

jimi (neověřeno) 19.3.2008 16:08:50 ()

Děkuji za odpověď.Bohužel skript, který by data zpracoval či zaslal na email neumím vytvořit, vše se na počátku zdálo tak jednoduché. Ještě jednou díky za trpělivost a vaše odpovědi.

Obrázek uživatele Jan Polzer

Jan Polzer (www.polzer.cz) 19.3.2008 16:14:36 ()

Není zač. Zdá se, že jste hledal asi trošku jiné řešení, než je tohle.

 

Majitel Maxiorla. Nabízím mimo jiné placené poradenství pro Drupal. Jsem i na Twitteru.

jimi (neověřeno) 24.3.2008 17:07:40 ()

kdepak, tohle je přesně ono, stručné jasné jednoduché s ohromnými možnostmi, jen tomu chybí, pro nás laiky, ta závěrečná část - možnost jednoduše naklikat způsob zpracování dat. Budu se to muset doučit:-)

efCZa 5.8.2008 13:16:33 ()

zajimalo by mne, jestli ses to uz naucil, ze bys mi opredal sve know how...
a nebo! zajiste se zde najdou lide zkuseni, kterym by nemuselo delat potize, poslat mi treba na mail nejaky maly skriptik, ktery pouzivaji ciste k tomu, aby se data ulozila, nebo v obycejnem textaku treba odeslala me na mail...to nemuze byt tam tezke...ale sama to asi jen tak z ciste vody nezvladnu...
poradite? prosim.

Jiří A.Válek (neověřeno) 17.4.2009 21:13:20 ()

Zdravím Vás, prosím o radu. V kódu jsem vlastnost ACTION našel. BOhužel jsem laik a chctěl bych Vás požádat, zda byste mi poradil co mám přesně vepsat aby mi data vyplněná ve formuláři došla na můj e-mail. Velmi mi tím pomůžete.
Děkuji
Jiří A. Válek

Obrázek uživatele Jan Polzer

Jan Polzer (www.polzer.cz) 17.4.2009 23:53:42 ()

Dobrý den, omlouvám se, ale vysvětlení základů toho, jak se zpracovávají data z formuláře pomocí PHP je nad kapacitu jednoho komentáře pod článkem. Zkuste kouknut třeba na http://tvorba-webu.zdarek.com/php/formulare.php

Majitel Maxiorla. Nabízím mimo jiné placené poradenství pro Drupal. Jsem i na Twitteru.

Jiří A.Válek (neověřeno) 18.4.2009 14:47:44 ()

děkuji, mrknu na to, třeba mi to časem dojde.
J.V.

Suzy Sandoval (neověřeno) 1.5.2009 12:03:55 ()

qfytz61hqi7wh8e0

vlk 30.5.2008 00:17:21 ()

U mě se vyskytla jednorázová potřeba na webky vložit formulář, pomocí kterého by si chtivý návštěvníci rozebrali konkrétní publikované termíny (den a čas). Každý termín ale jen jeden člověk! tím, že by označil termín, vyplnil jméno a e-mail (příp. tel.) a odeslal. Dokonce myslím, že "zabrané" by mohli, ale nemuseli vidět i ostatní, ale určitě je musím vidět já (třeba na e-mailu či jinde). Jsem jen mírně poučený uživatel, znám pár základních html příkazů a využívám různé "polotovary" např. maxsite, ale nic použitelného jsem zatím nikde nenašel a napsat v html neumím. (Pozn: Jedná se vlastně o obdobu prodeje jednoho kusu čehokoliv, ale nemám žádnou databázi, protože vystavuji jenom texty a fotky.) Pokud víte, prosím poraďte. Díky.

Obrázek uživatele Jan Polzer

Jan Polzer (www.polzer.cz) 30.5.2008 11:40:18 ()

Zdravím, řekl bych, že v tomto případě se to bez PHP, ASP.NET nebo jiné dynamiky neobejde.

Majitel Maxiorla. Nabízím mimo jiné placené poradenství pro Drupal. Jsem i na Twitteru.

Martin Ludwig (neověřeno) 7.2.2009 15:51:22 ()

at delam co delam nemuzu svuj vytvoreny formular stahnout do dupy !!!!! pomuze mi nekdo ?

Obrázek uživatele Jan Polzer

Jan Polzer (www.polzer.cz) 10.2.2009 08:33:16 ()

Co je dupa? ;-) Jinak, stáhnout to jde normálně. Po uložení to nabídne nepřehlédnutelný odkaz Download.

Majitel Maxiorla. Nabízím mimo jiné placené poradenství pro Drupal. Jsem i na Twitteru.