Custom Forms

If you've ever tried to make forms look exactly the way you want, then you know how frustrating they can be. Lets face it, the default form elements are pale, and blocky. Only when CSS was introduced could you change in any way how they acutally appeared. But with CSS you can only change the font face, size, and color (in ie4) of the text in the form elements - nothing more.

With JavaScript, you can mimic parts of your form - you can make your own custom buttons, checkboxes and radio buttons and select lists using your own images. Those elements I will show how to re-create, but the other elements: textarea and select lists are a little more complex. I've been experimenting with solutions for those and one day I might come up with something worthwhile.

Custom Forms:
Buttons
Radio Buttons
Checkboxes
Select Lists

Home Next Lesson: Scroll Object
copyright 1998 Dan Steinman