Article Diary - General Knowledge Digest

Beautiful Forms With CSS + JavaScript

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:

Normal HTML Form Elements

Into this (or whatever you want it to look like):

CSS Styled Form Elements

Niceforms, a script to beautify web forms, was very popular for creating beautiful forms. And now the 2nd version is out. Niceforms 2.0 is a totally re-written version which is very easy to apply, handles more elements & has more customization options.

The script simply replaces the most commonly used form elements with custom designed ones. Inserting the niceforms.js & the CSS file is enough to use it. Besides the default theme, new themes can be developed with CSS editing. Niceforms works in all modern browsers except IE6 (it gracefully degrades).

Using Niceforms

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. One of the important aspects of the script is that it requires a correctly coded form, including properly declared labels and values. There‚Äôs not much room for error and, if anything, it will force you to code your forms correctly.

3.67 (3)
Article Rating (3 Votes)
Rate this article
Attached Files
There are no attachments for this article.
Comments (1)
Comment by Palwinder Singh on Fri, Nov 20th, 2009 at 3:48 PM
Really, good one.
Name
Email
Security Code Security Code
Related Articles RSS Feed
Protovis - Visualization for JavaScript via Canvas
Viewed 1131 times since Sun, Jan 3, 2010
How to prevent access to a specific file on server using htaccess?
Viewed 1244 times since Sun, Mar 14, 2010
jQuery Dropdown Check List
Viewed 1530 times since Thu, Jan 14, 2010
Before and After Picture - jQuery Plugin
Viewed 1551 times since Tue, Dec 29, 2009
jqPlot - jQuery Charts & Plotting Plugin
Viewed 1548 times since Sat, Jan 9, 2010
How to redirect an old domain to a new domain using htaccess?
Viewed 943 times since Sun, Mar 14, 2010
Create Glowing, Radioactive Buttons with CSS
Viewed 1223 times since Sun, Dec 27, 2009
What is new in HTML 5?
Viewed 1228 times since Sat, Apr 3, 2010
Free IP to Country, IP to City Database & API
Viewed 1550 times since Thu, Dec 31, 2009
PHP Interview Questions with Answers - Part 1
Viewed 1381 times since Mon, Jan 11, 2010