Custom HTML Checkboxes, Radio Buttons and Select Lists

Working Example with Submission

Examples Using "checked" and "selected"

1. <input type="checkbox" class="styled" />
2. <input type="checkbox" class="styled" checked="checked" />

Unchecked

Checked

1. <input type="radio" class="styled" />
2. <input type="radio" class="styled" checked="checked" />

Unchecked

Checked

1. <input type="radio" class="styled" />
2. <input type="radio" class="styled" />

Unchecked

Unhecked

1. <select class="styled" />
2.     <option>Who</option>
3.     <option selected="selected">What</option>
4.     <option>When</option>
5.     <option>Where</option>
6.     <option>How</option>
7. </select>

Who What When Where How

1. <select class="styled" />
2.     <option>This</option>
3.     <option>That</option>
4.     <option>These</option>
5.     <option>Those</option>
6.     <option>Theirs</option>
7. </select>

This That These Those Theirs

Copyright © 2009 David Smith