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

Invalid feedback

Password

Message

Input Sizes

A form control sizes in large,small Fields.

Select Input Sizes

A Select input sizes in small,Default,large 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.

File Browser

A custom styled file browser.

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

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.