Enhance Required Form Fields with CSS3

Enhance required fields in a form with this little effect

Today Mary Lou wants to share a little subtle effect with you: enhancing required fields in a form. Many web forms are designed in a minimal way, i.e. by only collecting the most necessary data from users. Just think of sign up forms where you don’t want to make your potential customer leave because there are just too many things he has to fill out. But there are also many forms where additional information is asked and the user is actually willing to or needs to fill optional fields. You can think of an order form or a classifieds form.

 

The idea is to allow the user to enhance only the required fields so that he has a notion about what fields are actually required. That’s normally done a little * or similar but Mary Lou wants to go a step further and create a little interactive effect for a better visualisation of required fields.

Comments

Be the first to write a comment

You must me logged in to write a comment.