Top 14 Form Usability Tips

0. USE HTML5 <input> types!!

1. Place form labels above text fields

2. Placeholder attribute - Just Say NO

3. Cluster similar types of controls

4. Use standard values to enable autofill

5. Use <select> sparingly

6. Meaningful "Submit" buttons

7. Use smart scripts

8. Select logical defaults, or none at all

9. For multi-page forms, give the user a progress map

10. Postbacks. Please.

11. Use design to help the user


13. Don't mask passwords