我正在尝试将按钮的图像用作：
<button name="foo" type="button" value="bar" onclick="AjaxResponse()" > <img src="img.png"> </button>
或
<button name="foo" type="button" value="bar" onclick="AjaxResponse()" img src="img.png" />
两者都不显示带图像的按钮。它只是显示一个小图标，它在点击时执行正确的操作。但是为什么看不到图像呢？
只需使用<img>标记并添加onClick即可：
<img src="img.png" onclick="AjaxResponse()" />
此外，您可以根据图片的尺寸设置宽度和高度：
<img src="img.png" onclick="AjaxResponse()" width="100" height="100" />
然而，CSS background-image属性可能是最好的解决方案。在那里，您还可以调整width和height。
正确指定width和height。像
<img src="something" width=200 height=200>
否则，使用div标记在CSS的帮助下创建自定义按钮。
通过这个你可以得到一些想法点击这里
不需要PHP，这在HTML部分，没有CSS就无法实现，或者可以使用：
<input type="image" ...
要了解更多信息，请阅读以下链接：输入类型
或者看看CSS：背景
<input type="image" src="FILEPATH" onclick="AjaxResponse()" name="foo" id="button" value="bar">
如果你不想使用css，你可以使用这样的输入，
input type="image" src="img.png" name="foo" type="button" alt="bar" onclick="AjaxResponse()"