Nov
Style your forms with jQuery
By: Mark Dijkstra In: Forms jQuery
Almost every site has one, one to email, or one to place comments or submit something. No you can transform the basic forms to something nice with this jQuery plugin. Just add a line of jQuery code and this plugin will transform the forms into something nice.
Hello you, if you are new here, you might want to subscribe to our RSS feed for updates on this article and our site.
x
See a demo here
Written by: Mark Dijkstra
Mark Dijkstra is the founder and main writer of OpenSourceHunter.
He's also a passionate freelance web developer and designer. Mark is one of those people that spend too much time on the internet to keep up with all of the trends and tools.
You can follow Mark on twitter @ MarkDijkstra
Related Posts
Keep reading with more great articles!
More Categories
- Adobe AIR
- Advertisement
- AJAX
- Analytics
- Animations
- Announcement
- API
- Bookmark
- Browser
- Calendar
- Charts
- CMS
- CSS
- Design
- Desktop
- E-commerce
- Editor
- Fireworks
- Flash
- Forms
- Forum
- Framework
- FreeBee
- Gallery
- Gimp
- Giveaway
- Icons
- Illustrator
- Images
- Inspiration
- Interview
- Javascript
- jQuery
- Layout
- Menu
- MooTools
- Photoshop
- PHP
- Poll
- Popup
- Prototype
- Resources
- RSS
- Script.aculo.us
- Site of the month
- Stats
- Tables
- Template
- Tips and tricks
- Tools
- Tooltip
- Tutorials
- Upload
- Vector
- Video
- Web OS
- Wordpress
-
Two ebooks give away at OpenSourceHunter
-
55 Free and beautiful WordPress themes
-
Three (printed)books from Packt Publishing giveaway
-
A list of very nice and free social buttons
-
26 cool and useful jQuery tips, tricks & solutions
-
A collection of cool Mootools plugins
-
22 useful and free icon packs
-
The best 44 photoshop text effects tutorials on the web!
-
Style your forms with jQuery
-
50 useful and free icon packs for your next project
-
jQuery Hover Sub Tag Cloud
-
One day in the life of web designer Chris Coyier
-
Free PDF Graph Papers For Easier Sketching
-
Calendar, a javascript class for Mootools
-
Silverlight Toolkit
-
Adobe programs keyboard shortcuts
-
Yahoo! Web Analytics
-
Our favorite tweets of week 11
-
BootB, a 0nline marketplace for creative services
-
bwpx.icns, 250+ icons
13 Comments
Kenneth
June 22, 2009
Any plugin for mootools to decorate the form?
The Hunter
June 22, 2009
@Kenneth -
I have seen some but i dont where, i will try to find them.
greetz
phazei
August 10, 2009
For MooTools there is this:
http://customformelements.net/
It’s wonderful. Too bad there’s nothing as good for jQuery, I’ve looked.
jqTransform just doesn’t cut it, no keyboard support, in fact, worse than that, shortcuts that are standard for forms do unexpected things on it. Horrible.
The Hunter
August 10, 2009
@phazei -
Looks good, thanks for sharing
louis
September 15, 2009
Thanks for the nice form!
BTW, I found that the input width isn’t under control in Safari 4.
Suraj
October 10, 2009
It does not work with jquery tabs
The Hunter
October 10, 2009
@Suraj -
I dont know, i didn’t try it, when i use tabs i use jquery ui to style them.
Joghn Secada
November 29, 2009
http://plugins.jquery.com/project/JQF1
Man! Look this form style plugin! It`s the most complete form style plugin! Works at IE 6 7 8, Safari (win and mac), firefox (win and mac), Opera, Chrome…
The Hunter
December 4, 2009
@Joghn Secada -
look pretty good!
phazei
December 4, 2009
@Joghn Secada
Looks great, but poor keyboard support. Also requires ‘enter’ to be pressed instead of space bar for check boxes.
divya
February 15, 2010
http://www.queness.com/post/204/25-jquery-plugins-that-enhance-and-beautify-html-form-elements
Try this…
René Pardon
May 6, 2010
Great Script!!
Jan Czibula
June 5, 2010
Awsome man
Thx
Add Your Comment
Your name
September 3, 2010
We use Gravatars on OpensourceHunter, they are little icons that appear next to your name on this site and on many others. You can get a Gravatar account for free and any other site that supports it will show your avatar too. Get your Gravators account here!