Width: Buttons typically have dynamic width (determined by the text label), set padding, and set text size. They MAY contain icons.
Usage: Buttons trigger actions. Typically they are NOT navigation controls, though they may take the user elsewhere. The different classes of buttons represent a hierarchy of importance. Besides being the most import, the orange buttons are also the "loudest" visually and should be used extremely sparingly for the primary call to action in any particular screen.
Width: Form fields should fit their container's width unless a custom width is absolutely necessary.
Placeholder text: Placeholder text within form fields is nice to have as an option, but is NOT a substitiute in most cases for an actual text label above or next to the form element.
Search many options: A standard drop-down menu might have 3-6 items in it. After that, the Chosen jquery plugin can add a search field and several other options such as multi-select.
Width: Form fields should fit their container's width unless a custom width is absolutely necessary.
Placeholder text: Placeholder text within form fields is nice to have as an option, but is NOT a substitiute in most cases for an actual text label above or next to the form element.
Checkboxes and radio buttons are TINY click targets. They cause click anxiety. The simplest thing we can do for users is keep the text label clickable!
Stay focused with target jobs, companies and contacts.