Niceforms

site: http://www.emblematiq.com/projects/niceforms/
demo: http://www.emblematiq.com/niceforms/v20/niceforms.html

Niceform is a javascript form that will replace common style of form elements with custom designed ones. It combines basic XHTML code with the DOM tree, to mock up 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.

It has beautifully coded default theme and you always redevelop it to fit your own form style that you always wish to have with minimum effort. Niceforms is applied to all forms that have the class
"niceform". You can have other classes in there as well but one of them has to be "niceform" in order for the script to work. The javascript object model to extend form elements by adding a suite of
custom attributes and functions to each of them.

Here comes the features and compatibilities:

* It works just like your regular web form.
* The form fields and the buttons created are fully scalable through regular HTML properties such as size, cols and rows. Buttons will automatically expand to accommodate the amount of text present. Keyboard-only navigation is also supported.
* The script is fully compatible and has been tested with most major browsers (IE7+, Firefox2+, Safari3+, Opera9+, Chrome0.3+, Mozilla1.5+, and Camino1.6+)., with the exception of IE6.
* Customizable as you can create your own themes. Niceforms replaces the form elements with images, so a slicing process will arrange these images up correctly and creating the CSS that holds them all together.
* More themes are on the way for updates and you are welcome to contribute as well.

You can learn how to implement and customize Niceforms by visiting the support section and visit the demo page to have a closer look if you think this one is useful for you