## Form Elements

###### Form Input & Textarea

A basic form control input and textarea with disabled and readonly mode.

###### Valid State Input

A form control with success, warning and error state.

This is textarea

###### Default Form Input Fields with labels

A form control with labels state.

Name

Disabled

Readonly

Valid Email

Invalid Number

Invalid feedback

Password

Message

###### Input Sizes

A form control sizes in large,small Fields.

###### Select Input Sizes

A Select input sizes in large,small Fields.

###### Switch & Colors

A form control sizes in large,small Fields.

Toggle switch single

I agree with terms and conditions

Toggle switch single Checked

I agree with terms and conditions

Your skills

HTML CSS PHP JavaScript Angular Java C++

Select Color

###### Custom Checkboxes & Radios

A custom styled checkboxes and radios.

Checkbox Unchecked
Checkbox Checked
Checkbox Disabled
Radio Unchecked
Radio Checked
Radio Disabled
File Browser

It is Very Easy to Customize and it uses in your website apllication.

Browse

###### Toggle Switches

A custom made toggles with jquery support.

###### Input Groups

Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs.

@
@example.com
$ .00

###### Input Mask

Input masks allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phones, etc).

Date:
Phone:
Phone + Ext.:
SSN:

###### Color Picker

Input masks allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phones, etc).

You can allow alpha transparency selection. Check out these example.

Show pallete only. If you'd like, spectrum can show the palettes you specify.

###### Color Picker-2

Input masks allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phones, etc).

###### Date and time Picker

The date and time picker is tied to a standard form input field. Click on the input to open an interactive calendar in a small overlay. If a date is chosen, feedback is shown as the input's value.Set the numberOfMonths option to an integer of 2 or more to show multiple months in a single datepicker.

###### JQuery UI Date Picker

The datepicker is tied to a standard form input field. Click on the input to open an interactive calendar in a small overlay. If a date is chosen, feedback is shown as the input's value.Set the numberOfMonths option to an integer of 2 or more to show multiple months in a single datepicker.

Display the datepicker embedded in the page instead of in an overlay.

###### Date, Month, Year Range Picker

Display the datepicker embedded in the page instead of in an overlay.

###### Range Slider

Easy, flexible and responsive range slider with skin support.