如何在 HTML 中引用引号内的图像

How to reference an Image within quotation marks in HTML

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

我有这个代码:

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

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

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

但不是显示图像,而是将 this.src... 显示为文本。

如果您想要 button,请使用 button html 标签,并在里面放置 img 标签,其中 src 属性指向您的图片 url

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