digg

Facebook Connect Join Digg About

Checkbox & Radio Input Replacement

chriserwin.com — Allows web developers to do away with standard browser checkboxes and radio buttons and use CSS to create new alternatives. This uses a combination of JavaScript and CSS to hide the input elements and add CSS styles to the label. The form collects data as it normally would, and if JavaScript is disabled the form remains fully functional.

Who dugg this?

Digg DudeWhat is Digg?

Digg is a place for people to discover and share content from anywhere on the web. Digg surfaces the best stuff as submitted and voted on by the community. Take the Tour to learn more.

3 Comments

show profanity settings
expand all
  • BlazeQ, on 10/12/2007, -0/+4Very nice. Only concern is that, while tech-savy users will get it right away, it would take the average Joe some time to figure out that the shiny images can actually be clicked to make changes to the site.
  • j4s0n, on 10/12/2007, -0/+2this is nice. k, Dugg
  • chriserwin, on 10/12/2007, -0/+1This is true. However by simply changing the graphics / css you can make them appear more like standard checkboxes and radio buttons. IE: add an outline around the graphic, or make them more button like.

    This script allows web developers to get creative and create checkboxes and radio buttons that match the rest of their websites design. Much like you do with a textfield.

  • Add a Comment

    Login or register to comment!
    Or, sign-in super fast with your Facebook account ...

© Digg Inc. 2009 — Content created and posted by Digg users is dedicated to the public domain | Terms of Use Updated | Privacy Policy
DIGG, DIGG IT, DUGG, DIGG THIS, Digg graphics, logos, designs, page headers, button icons, scripts, and other service names are the trademarks of Digg Inc.