php中的图片按钮答案

【问题标题】：image button in phpphp中的图片按钮
【发布时间】：2013-08-13 06:12:12
【问题描述】：

我正在尝试将图像用作按钮：

<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" />

两者都不显示带有图像的按钮。它只显示小图标，单击时执行正确操作。但是为什么看不到图片呢？

【问题讨论】：

标签： php html

【解决方案1】：

只需使用<img> 标签并将onClick 添加到其中：

<img src="img.png" onclick="AjaxResponse()" />

另外，您可以根据图片的尺寸设置宽度和高度：

<img src="img.png" onclick="AjaxResponse()" width="100" height="100" />

然而，CSS background-image 属性可能是最好的解决方案。您还可以在此处调整width 和height。

【讨论】：

【解决方案2】：

正确指定width和height。点赞

<img src="something" width=200 height=200>

否则使用 div 标签在 CSS 的帮助下创建自定义按钮。

通过这个你可以得到一些想法Click here

【讨论】：

【解决方案3】：

不需要 PHP，这是在您的 HTML 部分中，没有 CSS 就无法做到这一点，或者您可以使用：

<input type="image" ...

了解更多请阅读以下链接：Input Types

或查看 CSS：background

【讨论】：

【解决方案4】：

<input type="image" src="FILEPATH" onclick="AjaxResponse()" name="foo" id="button" value="bar">

【讨论】：

【解决方案5】：

如果不想用css，可以这样输入，

input type="image" src="img.png" name="foo" type="button" alt="bar" onclick="AjaxResponse()"

【讨论】：