A screen shot from Emblematiq’s Niceforms

Styling HTML forms using just CSS has some drawbacks, especially when it comes to elements and tags like radio buttons.

One way to dance around this limitation is to use a JavaScript library like jQuery to do some pretty nifty form styling. Here’s a quick list of free and good jQuery plugins to help skin HTML forms:

  1. Niceforms:
    Lucian Slatineanu has an excellent script for replacing the boring default HTML form elements. It’s also very easy to customise and build your own theme. (See the Demo.)
  2. jqTransform:
    Another easy-to-use script that’s good on the eye and also customisable.
  3. (Functional) Pretty Forms:
    I’ve not used this before, but on first glance, it doesn’t look too hard to implement and looks minimal and slick.
  4. jNice:
    jNice is nice and looks great but there doesn’t seem to be much documentation.

One major caveat: Your mileage for IE6 support may vary—don’t hold your breath. I seriously consider the job done if the scripts degrade gracefully (as Niceforms does).