Vertical form

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae ac ligula eleifend commodo id quis risus. Donec consequat lorem et metus facilisis vitae dapibus felis fermentum.

Aenean imperdiet nibh vitae sem condimentum pharetra. Mauris molestie molestie faucibus. Aenean sit amet sem orci, at adipiscing dolor. Fusce feugiat odio vitae erat commodo sed accumsan ante sollicitudin. Integer mollis, tellus vel feugiat varius, risus quam lacinia erat, eu ultricies urna dolor ac metus.

Mauris vestibulum euismod lectus, vitae vehicula nisl ullamcorper sit amet. In ac consectetur purus. Integer orci ipsum, sollicitudin non rutrum id, adipiscing eu augue. Nulla eget lorem elit. Curabitur vehicula porttitor suscipit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Some value here
.00
to All times are shown as Pacific Standard Time (GMT -08:00).
Something may have gone wrong
Please correct the error
Woohoo!
Woohoo!

Horizontal form

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae ac ligula eleifend commodo id quis risus. Donec consequat lorem et metus facilisis vitae dapibus felis fermentum.

Aenean imperdiet nibh vitae sem condimentum pharetra. Mauris molestie molestie faucibus. Aenean sit amet sem orci, at adipiscing dolor. Fusce feugiat odio vitae erat commodo sed accumsan ante sollicitudin. Integer mollis, tellus vel feugiat varius, risus quam lacinia erat, eu ultricies urna dolor ac metus.

Mauris vestibulum euismod lectus, vitae vehicula nisl ullamcorper sit amet. In ac consectetur purus. Integer orci ipsum, sollicitudin non rutrum id, adipiscing eu augue. Nulla eget lorem elit. Curabitur vehicula porttitor suscipit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Some value here
.00
to All times are shown as Pacific Standard Time (GMT -08:00).
Something may have gone wrong
Please correct the error
Woohoo!
Woohoo!

Advanced forms

Search form

Add .form-search to the form and .search-query to the input.

Inline form

Add .form-inline to finesse the vertical alignment and spacing of form controls.

Alerts in form

All alerts can be easily integrated into forms as form element getting nice and compact look. No magic here, just put your alert into form right before your first control group.

Well done! You successfully read this important alert message.

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Warning!

Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

Lorem ipsum dolor sit amet, consectetur adipiscing elit

jQuery TagsInput

Do you use tags to organize content on your site? This plugin will turn your boring tag list into a magical input that turns each tag into a style-able object with its own delete link. The plugin handles all the data - your form just sees a comma-delimited list of tags!

jQuery jWYSIWYG Classic WYSIWYG editor

This jquery plugin is an inline content editor to allow editing rich HTML content on the fly. With a small file size less than 26Kb total and only 18Kb of code, the main concept is to keep it simple, not all users need font coloring or create tables, just the basic.

Textarea with jWYSIWYG editor

Wysihtml5 Simple wysiwyg editors

Bootstrap-wysihtml5 is a javascript plugin that makes it easy to create simple, beautiful wysiwyg editors with the help of wysihtml5.

Textarea with wysihtml5 editor

Color picker

Simple color picker for Bootstrap framework. Check out the official page for more options and details.

Date picker

Simple date picker by the same author. Check out the official page for more options and details.