Should I choose <button> element or css buttons?

Question

Ok, here's the thing. I've done a webpage which contains forms and so I added buttons as elements and this works great. I created their own css classes and use graphics as background images for each of them. All working great (these are submit buttons btw)

Anyway, I've also got a jQuery script from before that takes all a href hyperlinks and add content from a set div from an external file and adds to a div in my current page, all in one animation. But this would probably not work with form buttons?

In any case I need to be able to have these buttons work as traditional hyperlinks anyway. So what do I do?

I thought about using css-buttons alltogether, but I'm not able to have them stack vertically. Using float left or right just put the buttons outside of their parent containers (probably a different fix for that).

But in any case, using css buttons, that wouldn't work as a submit button for the forms anyway would it? Should I perhaps use both form buttons and css buttons? What do you do?

Javier Parra · Accepted Answer · 2010-04-12 21:38:18Z

6

<button> elements.

You should never use links to submit data, users with javascript disabled won't be able to use them, crawlers can submit data accidentally, etc...

edited Apr 12, 2010 at 21:38

answered Apr 12, 2010 at 21:28

Javier Parra

2,1102 gold badges18 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Javier Parra Over a year ago

thanks for the edit meagar, didn't know how to do that inline code :)

user229044 Over a year ago

No worries, I had hoped you'd pick up on it :)

Donal Fellows Over a year ago

Another reason for using a <button> is that it works better with assistive technologies like screen readers.

Kenny Bones Over a year ago

In conclusion, both <button> elements and CSS-buttons are what I really want then? Each for their own purpose? What are the differences between <button> and <input> anyway? Should I use button specifically?

Javier Parra Over a year ago

If your button submits user supplied data use a button, if it doesn't use href.

|

Collectives™ on Stack Overflow

Should I choose <button> element or css buttons?

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related