How to reference an Image within quotation marks in HTML

Question

I was wondering how to display an image inside of a button.

I have this code:

<input type="button" value="TEXT GOES HERE" onclick="showImage();"/>

And I wish to place an image within the button instead of text. I tried setting the value field to the path of the image:

<input type="button" value="this.src='Images/pickups.png'" onclick="showImage();"/>

but instead of displaying the image it simply displays the this.src... as text.

So I have a button on screen, and instead of having text inside the button I wish to put an image. — ASA2k, Aug 06 '16 at 22:38

score 3 · Accepted Answer · answered Aug 06 '16 at 22:40

3

If you want a button, use button html tag, and inside put imgtag with src attribute pointing to your image url

<button type="button"  onclick="showImage();"><img src="favicon.ico"/></button>

answered Aug 06 '16 at 22:40

Marko Mackic

1 Answers1