1. Dashboard
  2. Form
  3. Form Components

Basic Form Elements

Textbox auto grows as you type!

Custom Checkboxes and Radio Buttons

iCheck

Super customized checkbox and radio buttons that are backward compatible and appears identical in both desktop and mobile.

Minimal Skin Default - Customized for Avenxo

Flat Skin

Square Skin

Toggle Switches

Input Groups

@
.00
$ .00

Autocomplete

A fast, full-featured, autocomplete library can prefet data, search that data on the client, and then falling back to the server. Powered by Twitter Typeahead.

Advanced Select Boxes

{{$select.selected}}

Selected: {{selectedCountry.selected}}

{{$select.selected[$index]}}

Selected: {{selectedCountries.selected}}

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

{{$select.selected.formatted_address}}

The selectbox has AJAX/JSONP support built in. In this example we will search for a movie using Rotten Tomatoes API. When result-list is scrolled to an end, more results are lazy-appended

{{$item}} {{color}}

Selected Tags: {{multipleDemo.colors}}

Quickly set up fields for tagging

Card

Card A better credit card form

Card will take any credit card form and make it the best part of the checkout process (without you changing anything). Everything is created with pure CSS, HTML, and Javascript — no images required.

File Input

 
Remove Select file Change
Select file Change ×
Remove Select imageChange
Image preview only works in IE10+, FF3.6+, Safari6.0+, Chrome6.0+ and Opera11.1+. In older browsers the filename is shown instead.