Html 输入类型在Div元素后面提交

我使用了输入类型submit，但现在我想将其更改为按钮样式。为此，我使用了以下代码：

<div class="cartbutton">
     <input type="submit" name="shortname" value="product1" class="add_to_cart" />
     <div class="buttoninner">
          <div class="buttontext">Add to Cart</div><div class="cartimage"></div>
     </div>
</div>

---

不幸的是，按钮柱不起作用。如何激活div元素后面的submit按钮？

原因似乎是因为您的按钮没有被实际单击，因为您已将div覆盖在其上。您可以做的只是给您的div一个onclick事件，并通过它处理提交操作。在这种情况下，您不需要单独的提交按钮

为什么要使用可以使用的div
 why are you using div you can use 
 <input type="image" src="image path">
  it also works like submit 

它还可以像提交一样工作

添加到购物车
$（'.cartbutton'）。单击（函数（）{
$（'#formid'）。提交（）；
});
使用jquery

您可以在php echo中的任何位置创建一个按钮或将其打印出来。Css类可以根据需要进行修改

print "<div class='links' id='edit-submit'><input type='button' class='form-submit' value='Signup to Invitation' onClick=\"location.href='?q=rsvp/".$rsvp->rid."/register';\" \></div>";

打印“rid.”/register'\" \>";

div，因为我想将文本与图像一起使用。如果我们同时点击图像和文本，表单提交需要触发查看我的另一个答案，点击事件将有助于我先前在放置的div元素中使用按钮标签。它在除IE7之外的所有浏览器中都运行良好。但是IE7不支持按钮标签，所以只有我使用了输入类型submit并将div元素定位在它上面。现在我不喜欢做click事件，因为除了IE7之外，所有浏览器都支持普通的按钮张贴。所以使用上面输入的图像类型，并通过css添加或控制你想要添加的文本

<div class="cartbutton" >
 <input type="submit" name="shortname" value="product1" class="add_to_cart" />
 <div class="buttoninner">
 <div class="buttontext">Add to Cart</div><div class="cartimage"></div>
 </div>
 </div>

 <script type="text/javascript">
 $('.cartbutton').click(function(){
 $('#formid').submit();
  });
  </script>
 use jquery

print "<div class='links' id='edit-submit'><input type='button' class='form-submit' value='Signup to Invitation' onClick=\"location.href='?q=rsvp/".$rsvp->rid."/register';\" \></div>";