-1

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

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

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

4

5 回答 5

3

只需使用<img>标签并添加onClick到它：

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

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

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

但是，CSSbackground-image属性可能是最好的解决方案。在那里您还可以调整width和height。

于 2013-08-13T06:18:25.867 回答
2

正确指定width和。喜欢height

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

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

通过这个你可以得到一些想法点击这里

于 2013-08-13T06:19:58.923 回答
1

不需要 PHP，这是在您的 HTML 部分中，如果没有 CSS，您将无法执行此操作，或者您可以使用：

<input type="image" ...

要了解更多信息，请阅读以下链接：输入类型

或者看看 CSS：背景

于 2013-08-13T06:15:33.077 回答
1 
<input type="image" src="FILEPATH" onclick="AjaxResponse()" name="foo" id="button" value="bar">
于 2013-08-13T06:19:34.307 回答
1

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

input type="image" src="img.png" name="foo" type="button" alt="bar" onclick="AjaxResponse()"
于 2013-08-13T06:19:59.460 回答