Designing better Checkboxes

When adding an <input type="(radio|checkbox)" /> I recommend wrapping the whole thing in a label. Because it makes the clickable area bigger and allows the user to miss the text and input while getting the desired result.

Here’s the basic markup.

<label>
  <input type="checkbox">
  Is this awesome?
</label>

Check out this Pen!

Leave a Reply

Your email address will not be published. Required fields are marked *