24 Techniques for customizing a Form object

HTML form objects are rendered differently in different browsers, although some objects, such as TextBox and textarea, can get a consistent look through CSS in different browsers, and most other objects that cannot control the appearance of the CSS look ugly in some browsers, This article has selected 24 techniques for customizing the form objects.

Checkbox is associated with Radio Buttons

1.) Fancyform

Fancyform is a very powerful JavaScript library that can be used as a substitute for checkbox and radio button, generates very nice checkbox and radio button, and supports almost all browsers, the JavaScript Libraries require support for MooTools JavaScript frameworks.

2.) Crir:checkbox & Radio Input Replacement

This JavaScript and CSS combination hides the checkbox and radio button in the form, and allows you to use CSS to simulate the checkbox and the radio button's setup style with the radio Butto N. The functionality of the form does not change, you can still collect data values for the checkbox and radio button, and the label of the checkbox and radio button triggers those hidden objects.

3.) Ryan fait ' s Custom checkboxes & Radio Buttons

This JavaScript and CSS combination allows you to use your own images to simulate Checkbox,radio button and select list controls. This very thoughtful JavaScript library can also automatically use back to traditional form controls when JavaScript is disabled in the browser.

4.) Arc-adam ' s Radio/checkbox customization

The script probes the checkbox and radio button and its label in the form, and once found, replaces the controls with a graphical label based on the CSS style.

5.) prettycheckboxes