#### Forms - Basic Inputs

Statistics Invoices Schedule

##### Basic form inputs

Examples of standard form controls supported in an example form layout. Individual form controls automatically receive some global styling. All textual `<input>`, `<textarea>`, and `<select>` elements with `.form-control` are set to `width: 100%;` by default. Wrap labels and controls in `.form-group` for optimum spacing. Labels in horizontal form require `.col-form-label` class.

Basic inputs
Default text input
Password
Input with placeholder
Read only field
Disabled field
Predefined value
Disabled autocomplete
Maximum value
Focus on label click
Static text
This is a static text
Textarea
Basic selects
Single select
Styled select
Custom BS select
Multiple select
Basic file inputs
Default file input
Styled file input
Custom BS file input
Choose file
Form helpers
Text form helpers
Left aligned helper
Centered helper
Right aligned helper
Full width badge helpers
Left aligned badge
Centered badge
Right aligned badge
Block badge helpers
Left aligned badge
Centered badge
Right aligned badge
Inline text helper
Inline text helper
Inline badge helper
Inline badge helper
Input icons
Input with icons
Input with spinners
Validation states
Valid state
Valid state helper
Valid state with icon
Valid state helper
Invalid state
Invalid state helper
Invalid state with icon
Invalid state helper
Text options
Light text
Semibold text
Bold text
Capitalized text
Centered text
Right aligned text
Uppercase text
Other text options work as well
Field options
Tooltip on focus
Tooltip on hover
Rounded input
Roundless input
Fixed input sizing
Available in 12 columns sizes since it's based on 12 columns grid
Sizing options
Large size
Default size
Small size
Inputs only
Color options
Text color
Border color
Background color
Select color
Styled select
File input color
Type options
Datetime
Using `input type="datetime-local"`
Date
Using `input type="date"`
Month
Using `input type="month"`
Time
Using `input type="time"`
Week
Using `input type="week"`
Number
Using `input type="number"`
Email
Using `input type="email"`
URL
Using `input type="url"`
Search
Using `input type="search"`
Tel
Using `input type="tel"`
Color
Using `input type="color"`
Range
Using `input type="range"`