如何在HTML中的引号内引用Image

时间:2016-08-06 22:35:51

标签: html image reference quotation-marks

我想知道如何在按钮内显示图像。

我有这段代码:

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

我希望在按钮内放置图像而不是文本。我尝试将值字段设置为图像的路径:

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

但不是显示图片,而只是将this.src...显示为文字。

1 个答案:

答案 0 :(得分:3)

如果您想要button,请使用button html标记,并将img标记内置src属性指向您的图片网址

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