scriptygoddess

25 Oct, 2004

Button Element

Posted by: Jennifer In: Bookmarks|Lessons learned

Hello, I'd like to take HTML 101.

So I was working on a form. Used this method to create the form. Minimal HTML. Simple CSS. Started playing around with the :focus pseudo-class… and that's when I noticed my submit button started looking crummy. (From a usability perspective, I think there are some things that SHOULDN'T be over-styled. Scrollbars, Buttons. People are used to seeing these have the default look of their OS or Browser. Mess with them, and while you may think YOUR design of them looks pretty, they're probably not as usable anymore.)

So I went searching for a way to revert an element back to it's default, and basically discovered that it's not possible. But the search led me to this page where the suggestion was to simply use the <button></button> tag instead of <input type="button" /> W3C says you can even (however, the validate local html through the web developer extension in Firefox is giving me errors on all the attributes, even though they are within spec of the DTD.)

Button element?? Ok, add that to the list of things I probably should have known about but didn't! :-/

1 Response to "Button Element"

1 | Joen

October 25th, 2004 at 10:23 am

Avatar

I agree that common UI elements should ideally be left alone unstyled, and if styled then _look like what they represent_.

A valid point on the button element: Netscape 2-6 doesn't render it at all, it seems. I think that's why it's so rarely used.
http://www.ehtml.com/html/reference/button.htm

Featured Sponsors

Genesis Framework for WordPress

Advertise Here


  • Scott: Just moved changed the site URL as WP's installed in a subfolder. Cookie clearance worked for me. Thanks!
  • Stephen Lareau: Hi great blog thanks. Just thought I would add that it helps to put target = like this:1-800-555-1212 and
  • Cord Blomquist: Jennifer, you may want to check out tp2wp.com, a new service my company just launched that converts TypePad and Movable Type export files into WordPre

About


Advertisements