Jonathan Smith

Form Components

Basic Form Elements

Option 1 Option 2 Option 3
Option one is this and that Option two can be something else
Option 1 Option 2 Option 3
Option one is this and that Option two can be something else

Textbox auto grows as you type!

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.

Type in a name of a state!

Advanced Select Boxes

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

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

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

Quickly set up fields for tagging

Tokenfield

Advanced tagging/tokenizing plugin for input fields with a focus on keyboard and copy-paste support.

Select Options

Multi-Select

Drop-in replacement for standard select with multiple attribute activated.


Chained Select Boxes

Chained is simple chained selects plugin. Use class based version if you do not want to make external queries. A separate version that supports remote selects from AJAX queries is also included.

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.

Touchspin

A mobile and touch friendly input spinner component for Avenger. It supports the mousewheel and the up/down keys.
  • Alerts Get notified on new alerts
  • Notifications Get notified on new notifications
  • Messages Get notified on new messages
  • Warnings Get notified on new warnings
  • Snap to increments
    Amount ($100 increments):
  • Range
    Price range:
  • Maximum
    Maximum Value:
  • Minimum
    Minimum Value: