Stylish, Secure Forms with Wufoo

By  on  

I've said consistently over my entire professional career that I absolutely hate working with web forms.  Forms have always been a pain to style, you usually have to write server-side and client-side logic, you need to write spam prevention logic, there's security (especially if you take payment) and XSS prevention to consider, some elements look different within different browsers and even operating systems, etc.  And there's usually existing JavaScript and CSS libraries to deal with all of those issues but each library is likely going to be large since there are so many considerations when creating web forms.  Hours later you have a super simple web form.  And advanced forms?   What a nightmare.

Whenever I need a form, or another developer asks me what I use, I simply refer to Wufoo:  the incredible form service that allows you to create safe, secure forms without shouldering the burden of coding validation, security, or styles.  Just drag and drop to configure your embeddable web form!

Features include:

  • Drag and drop form builder for quick, easy for creation
  • Ability to add validation rules, require values, and create/use input masks
  • Rich tooltips to help users provide information
  • Ability to add custom styling
  • Secure collection and storage of credit card information
  • Theming so you can style the form to match your site
  • Email confirmations and form completion redirects
  • Multiple methods to embed and host created forms
  • Report generation via graphs, charts, and grids
  • Upload hosting

Here's a preview of what you see when using Wufoo:

I've used Wufoo for this blog, client sites, and charity sites for almost a decade.  Wufoo provides ease of form creation, security, style (via themes), and relieves you, the developer (and business), of the liability in storing sensitive information.  And since you can embed the form in your website, there's no reason to ship users off to Wufoo's site -- simply place it within your site and you're done!

Note:  Of course Wufoo is a sponsor and has been for over a year.   I have, however, used Wufoo for much longer and searched them out as a sponsor.  I wasn't asked to write this. :)

Wufoo is a product of SurveyMonkey.

Recent Features

  • By
    Facebook Open Graph META Tags

    It's no secret that Facebook has become a major traffic driver for all types of websites.  Nowadays even large corporations steer consumers toward their Facebook pages instead of the corporate websites directly.  And of course there are Facebook "Like" and "Recommend" widgets on every website.  One...

  • By
    5 Ways that CSS and JavaScript Interact That You May Not Know About

    CSS and JavaScript:  the lines seemingly get blurred by each browser release.  They have always done a very different job but in the end they are both front-end technologies so they need do need to work closely.  We have our .js files and our .css, but...

Incredible Demos

  • By
    Animated AJAX Record Deletion Using Dojo

    I'm a huge fan of WordPress' method of individual article deletion. You click the delete link, the menu item animates red, and the item disappears. Here's how to achieve that functionality with Dojo JavaScript. The PHP - Content & Header The following snippet goes at the...

  • By
    Create Twitter-Style Buttons with the Dojo Toolkit

    I love that JavaScript toolkits make enhancing web pages incredibly easy. Today I'll cover an effect that I've already coded with MooTools: creating a Twitter-style animated "Sign In" button. Check out this five minute tutorial so you can take your static...

Discussion

    Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!