Product Delivery
Targeted Sales
Collicitudin vel metus scelerisque ante commodo.
In Progress25% Completed
Basic Form Input with diffrent elements and styles.
Standard form controls supported in all example form elements. Form controls automatically receives global styling. The .form-group class is the easiest way to add some structure to form elements like <input>, <textarea>, and <select>
Add attribute disabled
to disable input field.
Add attribute value="VALUE"
to set predefined value.
Add attribute readonly="readonly"
to set field readonly.
Add attribute maxlength="NUMBER"
to input area.
To set focus on label click, use .cursor-pointer
class.
Muted help text using .text-muted
class.
To use custom select add class.custom-select
to select.
To use multiple select add an attribute multiple="multiple"
.
Another Input style using .form-group-style
Another Select style using .form-group-style
Another types using .form-group-style
class.
.round
class for rounded field
.square
class for squared field
Default Input Field
XLarge Input class .input-xl
XLarge Input class .input-xl
for select
Large Input class .input-lg
Large Input class .input-lg
for select
Small Input class .input-sm
Small Input class .input-sm
for select
XSmall Input class .input-xs
XSmall Input class .input-xs
for select