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

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

Autor článku: Jan Polzer

Tvůrce webů z Brna se specializací na Drupal a Symfony. Obojí také školím spolu se základy SEO. Jsem Acquia Certified Developer a Site Builder a napsal jsem několik knih o Drupalu. Ve volných chvílích cestuji a podnikám výlety. Více se dozvíte na mém firemním webu.

reklama

Komentáře k článku

návštěvník

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.

návštěvník

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?

Profile picture for user Jan Polzer

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.

návštěvník

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

návštěvník

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.

Profile picture for user Jan Polzer

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.


 

návštěvník

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

Profile picture for user Jan Polzer

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.

návštěvník

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.

Profile picture for user Jan Polzer

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

 

návštěvník

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

návštěvník

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.

návštěvník

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

Profile picture for user Jan Polzer

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

návštěvník

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

návštěvník

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.

Profile picture for user Jan Polzer

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

návštěvník

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

Profile picture for user Jan Polzer

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

Přidat komentář

Filtered HTML

  • Povolené HTML značky: <a href hreflang> <em> <strong> <cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <p> <br>
  • Řádky a odstavce se zalomí automaticky.
  • Web page addresses and email addresses turn into links automatically.

Odesláním komentáře souhlasíte s podmínkami Ochrany osobních údajů

reklama
Sledujte Maxiorla na Facebooku

Maxiorel na Facebooku

Poslední komentáře
reklama
reklama
Hosting pro Drupal a WordPress

Hledáte český webhosting vhodný nejenom pro redakční systém Drupal? Tak vyzkoušejte Webhosting C4 za 1200 Kč na rok s doménou v ceně, 20 GB prostoru a automatické navyšováním o 2 GB každý rok. Podrobnosti zde.

Knihy o Drupalu

Kniha Drupal 8 Kniha Drupal 7 333 tipů a triků pro Drupal
Více na KnihyPolzer.cz

@maxiorel na Twitteru

Maxiorel na Twitteru