Replace Boring HTML Checkboxes with Well Designed HTML CSS/Javascript Checkbox

Thu, Sep 6, 2007

Code, Web, Web Design

Here is an example of a plain HTML checkbox. It looks boring.
Boring Checkbox

Now check this enhanced checkbox using CSS and Javascript. It looks better.
Exciting Checkbox

Impressed? But how was this possible?

I stumbled upon this page on the Internet showing how you can change the boring checkbox into an exciting one. What’s great about this is that you no longer have to change your existing code. By embedding this code, you can easily customize the look of the checkboxes any way you want.

<script type=”text/javascript” src=”checkbox.js”></script>

Don’t you think that this is simply amazing? You can’t do this with plain HTML but with the use of a simple code, you can now make your checkboxes look better and exciting.

This custom checkbox is one of the examples of the importance of CSS. Most modern websites now use CSS (Cascading Style Sheets), either full CSS or partial. Before CSS even existed, when we do major design updates we either change all the pages, taking so much time. But with CSS, work has become easier and faster.

This post was written by:

Al Khalel Le Beau - who has written 8 posts on action online.


Contact the author

Leave a Reply