Form Styles

Nulla vitae elit libero, a pharetra augue. Etiam porta sem malesuada magna mollis euismod. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Input Fields

Note: works in Chrome, Firefox, Opera and IE10.

Input Groups

@
@example.com
$ .00
https://example.com/users/
@
@
@


Selects

Note: hold down the ctrl/cmd button to select multiple options.

Text area's

Note: height of the textarea depends on the rows attribute.
Note: expands on focus.

Columned radios

Inline radios

Columned checkboxes

Inline checkboxes

Toggles based on radios

Toggles based on checkboxes

Ratings with different Icons

Stars
Trophies
Asterisks
Note: you can use more than 300 vector icons for rating. See Font Awesome in Icon Sets