Flatty

Forms styles and features

  • Forms
  • Form styles and features
Example form
Lorem ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nisl est, vulputate at porttitor non, interdum a mauris. Phasellus imperdiet gravida pulvinar.

Description for street field

Dapibus suscipit arcu
Proin eu nibh ut urna tristique rhoncus. Sed euismod, quam sed dignissim imperdiet, nulla leo vehicula mi, a sagittis lacus augue nec sapien.

$ .00
Save

Detailed look on form elements

List of all frequently used form elements that you'll need.
Form controls
Some value here
Something may have gone wrong
Please correct the error
Username is already taken
Woohoo!

Prepends and appends

Text inputs can be prepended/appended with buttons, text labels, etc.
Prepends and appends
@
.00
$ .00

Sizes

All form elements can be sized in relative way (using .input-mini - .input-xxlarge, ...) or in percentage way (using .span1 - .span12).
Relative sizing
Grid sizing
Complete grid sizing

Additional form styles

Striped form
Save
Vertical form
Some value here
Save