Subscribe to PHP-Princess.netNews FeedSubscribe to PHP-Princess.netComments

Browse > Home / CSS / CSS: Fun with Forms (Input Elements)

CSS: Fun with Forms (Input Elements)

March 21, 2005 by  
Filed under CSS

8 Comments

This is one of my favorite articles — Fun with forms – customized input elements. Søren Madsen shows you how to create forms that is both customizable as well as cleaner and accessible. This is all done with a touch of CSS.

Turn a regular html form like this to this lovely form:
Fun with Forms

Resources: Picment.com

Related Posts Plugin for WordPress, Blogger...

Tags:

2,937 Views

  • http://www.adamthedog.com Adam

    Blah; it doesn’t work in Safari.

  • http://www.adamthedog.com Adam

    Blah; it doesn’t work in Safari.

  • http://daynah.net daynah

    Aww, but the form should still be accessible right?

  • http://daynah.net daynah

    Aww, but the form should still be accessible right?

  • http://www.bleakgeek.com Jonathan

    This moz-border-radius hack will only work in Mozilla. It will not work in Internet Explorer or any other browser. Yes, the form should still work just fine.

  • http://www.bleakgeek.com Jonathan

    This moz-border-radius hack will only work in Mozilla. It will not work in Internet Explorer or any other browser. Yes, the form should still work just fine.

  • http://daynah.net daynah

    It’s not using moz-border-radius ;) It’s using background images that are round.

  • http://daynah.net daynah

    It’s not using moz-border-radius ;) It’s using background images that are round.