CodeCanyon plum.Form A jQuery Form Styling Tool 262854

CodeCanyon plum.Form A jQuery Form Styling Tool 262854

CodeCanyon plum.Form A jQuery Form Styling Tool 262854
JavaScript \ Form
Form \ Field \ Labels \ Jquery \ Validate \ Validation \ Check \ Checkbox \ Group

JavaScript - plum.Form A jQuery Form Styling Tool 262854 by robocreatif @ CodeCanyon

JavaScript \ Form

Last Update: 25 August 12; Compatible Browsers: IE7, IE8, IE9, Firefox 3, Firefox 4, Safari 4, Safari 5, Opera, Chrome; Software Version: jQuery 1.4, jQuery 1.5, jQuery 1.6, jQuery 1.7; High Resolution: No; Files Included: JavaScript JS, HTML, CSS, PHP, Layered PSD.

Current version: 1.5.2; 15 January, 2012

plum.form is the perfect tool for designers who need to step over the boundaries of boring web forms. It simplifies the process of creating perfect forms that look beautiful and add extra features to your web site.

How does it work?
Other than a bit of JavaScript and some CSS , there’s really nothing extra you need. Plum focuses its power on forms or individual form elements and creates HTML wrappers on the fly. Instead of fiddling with a clumsy drop-down menu, you can use basic CSS classes to work with simple HTML . All you need is a form.

<form action="" method="post" enctype="multipart/form-data">
<input name="box1[]" type="checkbox" value="">
<input name="box2[]" type="checkbox" value="">
<input name="box3" type="radio" value="">
<input name="box3" type="radio" value="">
<input name="files[]" type="file">
<select name="menu">
<option value="">Option 1</option>
<option value="">Option 2</option>
<input type="submit">
For every element that’s targeted, Plum creates a “wrapper” that you can style with CSS . That wrapper is given very basic, memorable class names, like “select”, “file”, or “input checkbox disabled”. Because Plum uses the type of element as a class name, you can add special styles to specific fields. For example, you might add a nice icon to fields that have a “search” class (using <input type="search"> ).

The underlying aspect of plum.Form is simplicity. It’s nothing more than a styling tool, which means you retain all functionality of a regular web form. Keyboard navigation still works (including typing the value of an option while focused on a select field), as does sending data back to your server. Plum is just there to make everything look nice and add an extra touch of flair.


- new in 1.4 AJAX-ready: Plum needs to be called only once. Any elements added to the page afterward are automatically run through Plum

- No extra HTML markup is required

- Tiny file size! Minified, plum.Form is under 20 Kb

- Style all parts of a form, including file input fields, drop-down (select) menus, check boxes, radio buttons, buttons, and text and password fields

- Supports check box groups with multiple states: none, all and mixed (some checked, some not)

- In-field labels that fade on focus and hide while typing

- Form validation with pre-defined checks (phone #, email address and content length) as well as custom methods

- Supports multiple file uploads

- Files can be uploaded through AJAX

- HTML5 browsers can show a progress bar on AJAX file uploads

- Limit file uploads to certain types, sizes and quantities

- Retains standard form functionality: plum.Form supports focusing on elements with the tab key and navigating select menus by typing option names or using arrow keys

- Supports cascading select menus

- Easily customizable to create new form skins

- Extensive documentation

- Simple to use: include the files, target your forms, and you’re done!

Browser Support

- Mozilla Firefox 3 or newer

- Apple Safari 3 or newer

- Google Chrome

- Opera 10 or newer

- Microsoft Internet Explorer 7 or newer

Without the help of such a supportive community, plum.Form would never have seen the light of day. A very special thanks to everyone who reports bugs and feature requests.

- logemann

- lonestar3

- ruggibrante

plum.Shop - A jQuery Shopping Cart.

Keywords: ajax form, check all, checkbox group, form, form css, form styler, form validation, in-field labels, jquery form, validate.

Tags: Validation, Styler, Labels, Validate, Jquery, Group

Premium CodeCanyon plum.Form A jQuery Form Styling Tool 262854 WordPress Themes, Website Templates, Mobile Themes, Flash Templates & Scripts from creative professional designers. Full details of CodeCanyon plum.Form A jQuery Form Styling Tool 262854 for digital design and education. CodeCanyon plum.Form A jQuery Form Styling Tool 262854 desigen style information or anything related.


Add Comments:
Enter Code: *