Positively indicate valid input values Let users know a field has been entered correctly. The browser can give us this information through the :valid CSS selector:

Join Our Community

If you want to implement a form with a superb User Experience, you have to take care of many variables:

There are thousands of to-do list apps out there, in part because no system works perfectly for everyone. I’m not going to say todo.txt is the exception, and that it will work for everyone, because that would be crazy. But todo.txt is the most flexible tool I’ve come across. In part, this is because of the sheer number of clients available, but also because the simplicity lends itself to improvisation.

Designers can group related fields into sections. If your form has more than six questions, group related questions into logical sections. Don’t forget to provide a good amount of white space between sections to distinguish them visually.Generally, if your form has more than six questions, it’s better to group related questions into logical sections. Put things together that make sense together. (Large preview)

The US says ZIP code, whereas in Europe, it is postal code.

Placing Labels Above The Fields