I'd like to start a discussion on making prettier forms. I think the idea is pretty simple. What are some tips, tricks, and guidelines you use to make your forms prettier than the standard pre-built? Bonus points for sharing screenshots!
Pretty forms for pretty people
+8+8One thing I would like to know how people are doing is, How are you styling text boxes in which people do not enter information? I've got a textbox that I fill with information when doing a Web Request when the form loads. I would like style this different so people understand you do not type in it. I have it disabled, but I would like to make it more obvious that it's disabled.
Translate
One thing you can simple do is add a label with a title i.e. Office user. Change the control so it can't be edited etc.
One form I'm putting together I'm doing the following - using a panel and hiding it until all details have been filled out automatically and change it's background colour.
All labels are the same css, all fields are the same css. (yet I'm just using built in pre-sets). Hide what an end user doesn't need to see, until they see it.
Translate
+7Check out this CSS thread. Has a few formatting tips and tricks for forms...
Translate
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.