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.
Default Form Input Fields with labels
A form control with labels state.
Name
Disabled
Readonly
Valid Email
Invalid Number
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
Toggle switch single Checked
Your skills
Select Color
Custom Checkboxes & Radios
A custom styled checkboxes and radios.
It is Very Easy to Customize and it uses in your website apllication.
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.
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).
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.
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.