Form advanced Components

Select Box

Disabled Dropdown

Multi-select Box

Date Pickers

Default Datepicker

Select date

Start with years view Mode

Select date

Months Only

Select month only

Date Range

Select date range

Datetime Pickers

Default input Datetimepicker

Component Datetimepicker

Advance Datetimepicker

Meridian Format

Time Pickers

Advanced File Input

Default

File input group

Select file Change Remove

Image Upload

Select image Change Remove

Input Grid

Input Groups

Before Text Field

After Text Field

.00

Both

$ .00

Checkbox

Radio

Buttons instead of text (Left)

Buttons with Dropdowns

Segmentded Dropdown

Default Checkbox & Radio

Radio

radio 1

radio 2

Select2 Input

Dropdown with Search

Select with Multiple

Select2 also supports multi-value select boxes. The select above is declared with the multiple attribute. Select2 automatially picks up on this

Minimum Input

Supports a minimum input setting which is useful for large remote datasets where short search terms are not very useful

Tagging Support

Quickly set up fields for tagging

Multiple Select

Default :

Grouped Options :

Searchable :

Spinner

Spinner 1

basic example

Spinner 2

disabled state

Spinner 3

with max value: 10

Spinner 4

with step: 5

Tags Input

Masked inputs

Date

dd/mm/yyyy

Date 2

dd-mm-yyyy

Phone

(999) 999-9999

Tax ID

99-9999999

SSN

999-99-9999

Product Keys

9999-9999-9999-9999

Zip Code

99999

Currency

$ 999,999,999.99

ISBN 1

999 99 999 9999 9

ISBN 2

999 99 999 9999 9

ISBN 3

999/99/999/9999/9

IPV4

192.168.110.310

You have 5 Friends Requests

You have 5 Mails

Notifications