Please wait...

search
close

ADVANCED FORM ELEMENTS

COLOR PICKERS Taken from github.com/mjolnic/bootstrap-colorpicker

HEX CODE
RGB(A) CODE

FILE UPLOAD - DRAG & DROP OR WITH CLICK & CHOOSE Taken from www.dropzonejs.com

touch_app

Drop files here or click to upload.

(This is just a demo dropzone. Selected files are not actually uploaded.)

MASKED INPUT Taken from github.com/RobinHerbots/jquery.inputmask

Date
date_range
Time (24 hour)
access_time
Time (12 hour)
access_time
Date Time
date_range
Mobile Phone Number
phone_iphone
Phone Number
phone
Money (Dollar)
attach_money
Money (Euro)
euro_symbol
IP Address
computer
Credit Card
credit_card
Email Address
email
Serial Key
vpn_key

INPUT GROUP

With Icon

person
send
person
send

With Text

@
@example.com
$
.00

Different Sizes You can use the .input-group-sm, .input-group-lg classes for sizing.

Input Group Large

person

Input Group Default

send

Input Group Small

person
send
@
@example.com
$
.00

Radio & Checkbox

MULTI-SELECT Taken from github.com/lou/multi-select

SPINNERS Taken from github.com/vsn4ik/jquery.spinner

TAGS INPUT Taken from github.com/bootstrap-tagsinput/bootstrap-tagsinput

ADVANCED SELECT Taken from silviomoreto.github.io/bootstrap-select

Basic

With OptGroups

Multiple Select

With Search Bar

Max Selection Limit: 2

Display Count

With SubText

Disabled Option

INPUT SLIDER Taken from refreshless.com/nouislider & materializecss.com

Basic Example

Value:

Range Example

Value: