JavaScript
Article
By Sam Deering

6 jQuery Form Input Style Plugins

By Sam Deering
Help us help you! You'll get a... FREE 6-Month Subscription to SitePoint Premium Plus you'll go in the draw to WIN a new Macbook SitePoint 2017 Survey Yes, let's Do this It only takes 5 min

Tired of your plain web forms? Standard text input, selects, and checkboxes etc… These are the only built-in HTML user interface for user interactions but we can actually add some flavor to it by using some of these jQuery Form Input Style Plugins we have collected for you. Have fun!

Related Posts:

1. File Style Plugin for jQuery

Browsers do not let you style file inputs. File Style plugin fixes this problem. It enables you to use image as browse button. You can also style filename field as normal textfield using css.
File Style Plugin
SourceDemo

2. Niceforms

A non-intrusive JavaScript method that allows complete customization of web forms.
Niceforms
SourceDemo

3. Make image buttons a part of input fields

Here is how you can do it easily. So easily that you will have to add just a few lines of code and enable this feature in entire application.
image buttons
SourceDemo

--ADVERTISEMENT--

4. jqTransform

A jQuery styling plugin which allows you to skin form elements.
jqTransform
Source + Demo

5. Custom Checkbox with jQuery

This script provides you with the ability to customize the design of checkboxes in your web forms. You can use the default skin and the Safari skin which are provided with the package.
Custom Checkbox
Source + Demo

6. jNice

Tested in FF 2+, Safari 2+, IE 6+
jNice
Source + Demo

Login or Create Account to Comment
Login Create Account
Recommended
Sponsors
Get the most important and interesting stories in tech. Straight to your inbox, daily.Is it good?