CSS or image for submit button?

Question

What are the advantage and disadvantage of using both?

CSS

<input type="submit" class="removeBtn" /> .removeBtn{ background: url(Images/Remove.png); height: 25px; width: 25px; }

Inline

<input type="image" src="Content/Images/Remove.png" />

Could someone fix the code for me? I cant seem to get it to show up in code blocks. — Shawn Mclean
– Shawn Mclean, Commented Apr 5, 2011 at 11:44
@Lol coder: Done. Code blocks within lists are a pain - you need to indent twice, so 8 spaces per line :) — BoltClock
– BoltClock, Commented Apr 5, 2011 at 11:46

shanethehat · Accepted Answer · 2011-04-05 13:34:22Z

8

Semantically speaking, you should always use a submit button. A user with a screenreader will have no idea what the function of your image input is.

Edit: as per comments, the image button will automatically submit a form as well as an input with type="submit"

edited Apr 5, 2011 at 13:34

answered Apr 5, 2011 at 11:50

shanethehat

15.6k11 gold badges59 silver badges87 bronze badges

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

2 Comments

BoltClock Over a year ago

<input type="image"> functions as a submit button too. But good point about accessibility, unless the image input's alt attribute mentions its submit functionality.

kapa Over a year ago

@BoltClock is exactly right, if you use it correctly, there is no problem with input type="image". If you put this info into your answer, I will be ready to upvote.

Collectives™ on Stack Overflow

CSS or image for submit button?

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related