Making Attractive Web 2.0 Web Forms

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
supermike
Forum Contributor
Posts: 193
Joined: Tue Feb 28, 2006 8:30 pm
Location: Somewhere in the Desert, USA

Making Attractive Web 2.0 Web Forms

Post by supermike »

I'm needing to revamp my whole style for Web 2.0, and have been surfing webcreme.com and sites that talk about Web 2.0 styling. Now it's come to where I need to start focusing purely on forms, and one of the biggest things I see now are that the forms must have larger fonts because we have larger monitors now, and because MS Sans Serif 8 and 9pt just won't cut it with people's eyes. I also like phpBB's metallic buttons, although I think ones with curved edges might be more user-friendly for my kinds of sites.

Please reply with links for what you think are attractive Web 2.0 web forms so that I can get an idea where to go. I want to utilize jQuery, AJAX, and PHP behind the scenes with the XHTML/CSS that draws these forms. Eventually I might want to build a form generator script that does the XHTML for me.
supermike
Forum Contributor
Posts: 193
Joined: Tue Feb 28, 2006 8:30 pm
Location: Somewhere in the Desert, USA

Re: Making Attractive Web 2.0 Web Forms

Post by supermike »

One thing that is helping is to visit every webcreme.com listed site and click the Contact Us form, then looking to see what I like and don't like. Here's an interesting one, for instance, although it's not suitable for all sites of course:

http://dragoninteractive.com/contact

Watch what happens when you click in a field.
matthijs
DevNet Master
Posts: 3360
Joined: Thu Oct 06, 2005 3:57 pm

Re: Making Attractive Web 2.0 Web Forms

Post by matthijs »

Not sure what you mean by web 2.0 web forms. Forms are forms. The only thing that some newer web apps have done is make everything a bit simpler and easier to use. Sometimes that means making text a bit bigger.

What happens on the contact form you linked to is one line of css

Code: Select all

 
input:focus { background:#fce; }
 
supermike
Forum Contributor
Posts: 193
Joined: Tue Feb 28, 2006 8:30 pm
Location: Somewhere in the Desert, USA

Re: Making Attractive Web 2.0 Web Forms

Post by supermike »

Well, yeah, I'm aware of how to do the effect. I was just trying to gather links on designs and then make a new strategy for my forms.
Post Reply