Demo - plum.Form - A jQuery Form Styler

Choose a skin: Note: The page will be refreshed when switching themes because the form
fields need to be rebuilt to compensate for padding differences between
the two themes. The page will not be refreshed when choosing a color.

A basic drop-down menu with a list of countries

Cascading select menus (rebuilding a menu on change)

Running an action when a menu is opened (e.g., resizing)

Select-multiple menus Multiple options can be chosen by clicking with the shift key, or with the CTRL key (command on a Mac).

Checkbox groups

Check all in group 1
Group 1, box 1
Group 1, box 2
Group 1, box 3
Group 1, box 4, disabled
Group 1, box 5

Another group, with some checked

Check all in group 2
Group 2, box 1
Group 2, box 2, checked
Group 2, box 3, checked
Group 2, box 4
Ungrouped box

Group handlers can be placed anywhere

Check all in group 1

Radio buttons

Group 3, box 1
Group 3, box 2, checked
Group 3, box 3

Basic input fields This demo is set up to accept either no value, or the required match as described by the in-field labels.

Email address
Password (3 letters and 3 numbers)
Password match

Default text and an in-field label

Type your message

File uploads For purposes of this demo, the maximum number of files that can be uploaded per form submission is 5. Also, on browser that support it, this is limited to JPEG or PNG files, up to 2 Mb in size.