How to put a jpg or png image into a button in HTML

Question

I want a button with an image in it. I am using this:

But it do

Answer 1

This may work for you, try it and see if it works:

<input type="image" src="/library/graphics/cecb2.gif">

Answer 2

You can style the button using CSS or use an image-input. Additionally you might use the button element which supports inline content.

<button type="submit"><img src="/path/to/image" alt="Submit"></button>

Answer 3

<a href="#">
        <img src="p.png"></img>
    </a>

Answer 4

Use <button> element instead of <input type=button />

Answer 5

You can use some inline CSS like this

<input type="submit" name="submit" style="background: url(images/stack.png); width:100px; height:25px;" />

Should do the magic, also you may wanna do a border:none; to get rid of the standard borders.

Answer 6

<input type= "image" id=" " onclick=" " src=" " />

it works.