Create Better-looking Forms with Niceforms
Niceforms is a script that will replace the most commonly used form elements with custom designed ones. You can either use the default theme that is provided or you can even develop your own look with minimal effort.
The script will basically transform this:
Into this:
How does it work?
The idea is simple: since normal input fields (including radio buttons, checkboxes, textareas, etc) can only be styled to a small degree, they have to be hidden and their visual appearance replaced with similar working, new, fully customizable constructs. In theory, that doesn’t sound really complicated. But from theory to practice there is a long way.
Starting with the basic XHTML code for a web form, Niceforms parses the DOM tree, gets all the input fields, hides them, and positions their new graphical appearance in place. All this is done while preserving the date transfer and selection features of the regular form. Everything is done via javascript.
Take a look at the demo and see for yourself.
For more details, head over to the Niceforms homepage. You can also go directly to the download page.
December 2nd, 2008 at 7:21 am
[...] See more here: Create Better-looking Forms with Niceforms [...]
December 6th, 2008 at 9:44 am
these forms are pretty cute, nice resource thanks!
December 24th, 2008 at 6:36 pm
Why this web site do not have other languages support?
January 5th, 2009 at 1:05 pm
Thanks for posting this… really nice resource.
I may consider using it in the future.