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
    An Interview with Eric Meyer

    Your early CSS books were instrumental in pushing my love for front end technologies. What was it about CSS that you fell in love with and drove you to write about it? At first blush, it was the simplicity of it as compared to the table-and-spacer...

  • By
    Create a CSS Flipping Animation

    CSS animations are a lot of fun; the beauty of them is that through many simple properties, you can create anything from an elegant fade in to a WTF-Pixar-would-be-proud effect. One CSS effect somewhere in between is the CSS flip effect, whereby there's...

Incredible Demos

  • By
    CSS Animations Between Media Queries

    CSS animations are right up there with sliced bread. CSS animations are efficient because they can be hardware accelerated, they require no JavaScript overhead, and they are composed of very little CSS code. Quite often we add CSS transforms to elements via CSS during...

  • By
    jQuery Link Nudging

    A few weeks back I wrote an article about MooTools Link Nudging, which is essentially a classy, subtle link animation achieved by adding left padding on mouseover and removing it on mouseout. Here's how to do it using jQuery: The jQuery JavaScript It's important to keep...

Discussion

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