input type image vs button with background-image

The HTML5 spec's Image Button State documentation is a bit vague:

The input element represents either an image from which a user can select a coordinate and submit the form, or alternatively a button from which the user can submit the form.

I think the intended use of the type=image input element is for selecting co-ordinates on an image, however I guess over time this was misused and is now accepted as just an input element with an image background. However in both cases it does state that the intended purpose of this button is to submit a form.

So in short:

1. If it isn't supposed to either submit a form or select co-ordinates on the image, use a <button> element;
2. If it's intended effect is to allow a user to select co-ordinates on the image, use the <input> element;
3. If it's intended effect is to submit a form, use either - this is a personal preference thing (I'd use a <button>, myself).

Creating a button and adding a background to it will give you more flexibility in styling it

You should try button with background. here is an example.

<button></button> <style> button{background:url(http://www.used-car.com.au/images/small%20green%20button.jpg);height:70px;width:70px} </style>