Question

我知道这不是真的应该使用<button>元素的方式，但有没有办法使用按钮代替<input type="submit">提交表单？我需要有两行按钮，你不能用<input> s来做，但你可以使用<button>。

一些jQuery方法或其他东西可以正常工作，我只是讨厌必须使用背景图像来处理这些按钮。

Answer 1

您可以让button代码提交表单，如下所示：

<button type="submit"> This will submit! </button>

<button type="button"> This will NOT submit! </button>

此外，我认为默认值因浏览器而异，因此我认为button标记应始终具有type属性，以确保安全。

Answer 2

尝试：

<button type="submit">Submit</button>

Answer 3

只需使用：

<button type="submit">Submit</button>

或

<input type="submit" value="Submit">

Answer 4

如果你想使用button / jQuery选项，可以这样做：

$('#buttonId').click(function() {
    $('#theForm').submit();

})

Answer 5

document.getElementById["YOUR_FORMS_ID"].submit()

您只需在javascript

中使用表单的DOM元素的.submit()方法

因此...

<button onclick="document.getElementById["YOUR_FORMS_ID"].submit()">CLICK TO SUBMIT</button>

Answer 6

如果你将一个函数绑定到它，你可以在技术上提交元素。

例如，您可以使用：执行：

<form id="someForm">
    <span id="someSubmitEle">Here goes text</span>
</form>
...
$("#someSubmitEle").click(function(){$("#someForm").submit();});

Answer 7

jQuery的内置submit（）方法应该可以解决这个问题： http://api.jquery.com/submit/

HTML就像：

...
<form name="myForm" id="myForm" action="someURL" method="POST">
  <input type="text" name="textField1" value="TextValue" />
</form>

<button id="submitter" value="Two lines of text because it can I guess." />
...

jQuery看起来像：

$('#submitter').click(function() {
     $('#myForm').submit();
});

使用按钮提交表单

7 个答案: