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

    • Alaskan/Hawaiian Time Zone
    • Alaska
    • Hawaii
    • Pacific Time Zone
    • California
    • Nevada
    • Oregon
    • Washington
    • Mountain Time Zone
    • Arizona
    • Colorado
    • Idaho
    • Montana
    • Nebraska
    • New Mexico
    • North Dakota
    • Utah
    • Wyoming
    • Central Time Zone
    • Alabama
    • Arkansas
    • Illinois
    • Iowa
    • Kansas
    • Kentucky
    • Louisiana
    • Minnesota
    • Mississippi
    • Missouri
    • Oklahoma
    • South Dakota
    • Texas
    • Tennessee
    • Wisconsin
    • Eastern Time Zone
    • Connecticut
    • Delaware
    • Florida
    • Georgia
    • Indiana
    • Maine
    • Maryland
    • Massachusetts
    • Michigan
    • New Hampshire
    • New Jersey
    • New York
    • North Carolina
    • Ohio
    • Pennsylvania
    • Rhode Island
    • South Carolina
    • Vermont
    • Virginia
    • West Virginia

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

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

Amsterdam Washington Sydney Beijing Cairo

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: 30%

Range Example

Value: 32500.00,62500.00