# Form elements

- Vertical form
- Horizontal form
- Advanced forms
- Bootstrap Docs

## 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.

Text input

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Checkbox
Curabitur vehicula porttitor suscipit
Select list
Textarea
Uneditable input
Some value here
Disabled input
Text input with icon
Text input with 2 addons
€.00
Append with button
Two-button append
Date range
to All times are shown as Pacific Standard Time (GMT -08:00).
Multicon-select
File input
Input with warning
Something may have gone wrong
Input with error
Please correct the error
Input with success
Woohoo!
Select with success
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.

Text input

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Checkbox
Curabitur vehicula porttitor suscipit
Select list
Textarea
Uneditable input
Some value here
Disabled input
Text input with icon
Text input with 2 addons
€.00
Append with button
Two-button append
Date range
to All times are shown as Pacific Standard Time (GMT -08:00).
Multicon-select
File input
Input with warning
Something may have gone wrong
Input with error
Please correct the error
Input with success
Woohoo!
Select with success
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.

Remember me

## 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.
Text input

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.

Text input

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!

Tags input

## 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.