May 28th, 2008 | Posted in Blog, Inspiration, Tools & Resources

Generating Inspirational CSS Web Forms

Generating Inspirational CSS Web Forms

Creating an inspirational web form, is like opening the door to your site visitor with the most warm welcome in. I’m saying this because web forms are usually the most common means of communication between the visitors and the site owners. So, creating a very warm or stylish entrance to your form could actually make some visitors very happy to get in touch with you!!

How do we get around of creating such a form? I think it would be good to start visiting websites with great form design to get inspiration. This is probably the hardest part here. By hardest, I mean time consuming. I have conducted a small research on websites and here are some of the finest form design ideas I have found.

Velox Media

Form Design Ideas

Karim Zurita

Form design idea

Alexandru Cohaniuc

Form Design idea

ZdotB

Form design idea

MB Dragan

Form Design

Nofrks

Form Design

Mark Boulton Design

Form design idea

Squawk

Form Design

ExileDesigns

Form Design

Modern Arboricultural Service

Form Design

As soon as you decide on your design, then you only need to get a good form generator to do all the fields for you.

Web Developers can understand the pain of stylizing form elements and keep them compatible with most browsers and operating systems. Having a good generator can help get everything done faster. Here’s a list of a few great form generators & stylers that can create compatible and stylish fields for you.

wufoo

Form Generator

Uni Form

Form Generator

Form Style Generator

Form Style Generator

phpFormGenerator

Form Generator

Web Form Factory

Web Form Factory

pForm

Form Generator

Nice Forms

Form Styles

Contact Form Generator

Form Generator

The Form Garden

Form Generator

Jeff Howden Tabless forms

Form Styling

Accessible Forms

Form Generator

9 Responses to “Generating Inspirational CSS Web Forms”

  1. Ben Says:

    JotForm.com is also a great resource for free, easy, and stylistically-pleasing WYSIWYG web forms. I used ’em for my site and found it to be fast and easy.

  2. Matt Says:

    Nice post. I really liked MB Dragan’s form. Nice colors/styling.

  3. Karim Zurita | Creative Design and Development | Blog» Blog Archive » Great Response! Says:

    […] Generating Inspirational CSS Web Forms […]

  4. Formularios de contacto con CSS. Todo lo que necesitas. | webmasters, recursos webmasters, recursos gratuitos, scripts, web Says:

    […] El artículo lo puedes encontrar aquí: generating inspirational css web forms […]

  5. フォームデザインいろいろ - DesignWalker Says:

    […] Form Generators, Styling, Inspiration | CSSAddict […]

  6. フォームデザイン 参考・テンプレート | WebLab Says:

    […] Form Generators, Styling, Inspiration | CSSAddict […]

  7. Constance Santagata Says:

    like your site will visit again

  8. savita Says:

    Forms are designed nicely.

  9. php forms Says:

    Some of these form builders are nice.

About CSS addict

CSSaddict is the personal space of Vicky Gourgouri, a web designer from Greece who loves the advantages several CSS techniques provide for getting beautiful designs online. She has designed and developed this space so she can exhibit her work, write about the new web trends and provide excellent resources on web design and development.