Php 将输入按钮更改为图像?

Php 将输入按钮更改为图像?,php,html,css,Php,Html,Css,您可以在此处查看我所指的页面: 只需输入一个随机域名,然后你就会在底部看到两个按钮。第一个按钮(较小的按钮)工作正常,但第二个按钮(较大的按钮)没有将订单添加到购物车中 以下是第一个按钮的代码: <input type="button" value="{$LANG.checkout} &raquo;" class="checkout" onclick="addtocart();" /> 下面是第二个按钮不起作用的代码: <input type="image" s

您可以在此处查看我所指的页面:

只需输入一个随机域名,然后你就会在底部看到两个按钮。第一个按钮(较小的按钮)工作正常,但第二个按钮(较大的按钮)没有将订单添加到购物车中

以下是第一个按钮的代码:

<input type="button" value="{$LANG.checkout} &raquo;" class="checkout" onclick="addtocart();" />

下面是第二个按钮不起作用的代码:

<input type="image" src="http://www.escalatehosting.com/images/continueorder.jpg" style="border:0px;" onclick="addtocart();" />


我只是尝试用第二个按钮替换第一个按钮,这样就可以使用图像,但似乎无法使第二个按钮正常工作。我做错了什么?我将
类型
更改为
图像
,并添加了
src

,而不是更改类型,src只是添加样式

<input type="button" style=" background: url('someimage.jpg') no-repeat; width:100px;height:30px; border:none;" />

只需添加样式,而不用更改类型和src

<input type="button" style=" background: url('someimage.jpg') no-repeat; width:100px;height:30px; border:none;" />

只需添加样式,而不用更改类型和src

<input type="button" style=" background: url('someimage.jpg') no-repeat; width:100px;height:30px; border:none;" />

只需添加样式,而不用更改类型和src

<input type="button" style=" background: url('someimage.jpg') no-repeat; width:100px;height:30px; border:none;" />

我想你误解了每个人的作用

<input type="image" src="my/path" />

实际上,您可以将
onclick
事件绑定到任何对象。让你的表格同时提交并不好。

我认为你误解了每个人的工作

<input type="image" src="my/path" />

实际上,您可以将
onclick
事件绑定到任何对象。让你的表格同时提交并不好。

我认为你误解了每个人的工作

<input type="image" src="my/path" />

实际上,您可以将
onclick
事件绑定到任何对象。让你的表格同时提交并不好。

我认为你误解了每个人的工作

<input type="image" src="my/path" />

实际上,您可以将
onclick
事件绑定到任何对象。让您的表单同时提交并不好。

这里的问题是因为simple
input type=“BUTTON”
不提交表单,但
input type=“IMAGE”却提交表单

因此,如果您检查实际调用的内容,您将看到:

  • 按下图像,将调用addtocart
  • addtocart正在尝试执行ajax请求
  • 表单由浏览器提交,所有ajax请求都被中断
  • 这就是它不起作用的原因

    要使其工作,请将代码更改为:

    <input type="image" src="http://www.escalatehosting.com/images/continueorder.jpg" style="border:0px;" onclick="addtocart();return false;" />
    

    这里的问题是因为simple
    input type=“BUTTON”
    不提交表单,但是
    input type=“IMAGE”
    提交表单

    因此,如果您检查实际调用的内容,您将看到:

  • 按下图像,将调用addtocart
  • addtocart正在尝试执行ajax请求
  • 表单由浏览器提交,所有ajax请求都被中断
  • 这就是它不起作用的原因

    要使其工作,请将代码更改为:

    <input type="image" src="http://www.escalatehosting.com/images/continueorder.jpg" style="border:0px;" onclick="addtocart();return false;" />
    

    这里的问题是因为simple
    input type=“BUTTON”
    不提交表单,但是
    input type=“IMAGE”
    提交表单

    因此,如果您检查实际调用的内容,您将看到:

  • 按下图像,将调用addtocart
  • addtocart正在尝试执行ajax请求
  • 表单由浏览器提交,所有ajax请求都被中断
  • 这就是它不起作用的原因

    要使其工作,请将代码更改为:

    <input type="image" src="http://www.escalatehosting.com/images/continueorder.jpg" style="border:0px;" onclick="addtocart();return false;" />
    

    这里的问题是因为simple
    input type=“BUTTON”
    不提交表单,但是
    input type=“IMAGE”
    提交表单

    因此,如果您检查实际调用的内容,您将看到:

  • 按下图像,将调用addtocart
  • addtocart正在尝试执行ajax请求
  • 表单由浏览器提交,所有ajax请求都被中断
  • 这就是它不起作用的原因

    要使其工作,请将代码更改为:

    <input type="image" src="http://www.escalatehosting.com/images/continueorder.jpg" style="border:0px;" onclick="addtocart();return false;" />
    
    
    
    
    
    在宽度和高度看起来合适之前,保留一些设置,这样应该可以工作

    我个人更喜欢css属性而不是源代码

    
    
    在宽度和高度看起来合适之前,保留一些设置,这样应该可以工作

    我个人更喜欢css属性而不是源代码

    
    
    在宽度和高度看起来合适之前,保留一些设置,这样应该可以工作

    我个人更喜欢css属性而不是源代码

    
    
    在宽度和高度看起来合适之前,保留一些设置,这样应该可以工作


    我个人更喜欢css属性而不是源代码

    为什么使用输入类型='image'而不是图像(我如何使用
    输入您想要的内容?您希望第二个按钮像第一个按钮一样?或者您希望第一个按钮像第二个按钮一样?您可以通过javascript调用来实现,但您现在所做的一切都很好。您可能遗漏了一些内容,您的图像输入是否需要类
    签出
    ?@user2970202您的jquery乐趣我只会使用一个图像(如果你注意到,另一个按钮只是一个类型按钮,而不是提交)。为什么你使用输入类型='image'而不是图像(我如何使用
    输入您想要的内容?您希望第二个按钮像第一个按钮一样?或者您希望第一个按钮像第二个按钮一样?您可以通过javascript调用来实现,但您现在所做的一切都很好。您可能遗漏了一些内容,您的图像输入是否需要类
    签出
    ?@user2970202您的jquery乐趣我只会使用一个图像(如果你注意到,另一个按钮只是一个类型按钮,而不是提交)。为什么你使用输入类型='image'而不是图像(我如何使用
    输入您想要的内容?您希望第二个按钮像第一个按钮一样?或者您希望第一个按钮像第二个按钮一样?您可以通过javascript调用来实现,但您现在所做的一切都很好。您可能遗漏了一些内容,您的图像输入是否需要类
    签出
    ?@user2970202您的jquery乐趣是做这个的人