Question

我可以使用表单中的提交按钮，还是单击提交按钮处理表单操作吗？下面是代码。我是编程新手。请帮我。

<body>
<input type="submit" name="submit" value="submit" />
<form action="" method="get" name="myform">
  <table width="200" border="1" cellspacing="10">
    <tr>
      <td>Name</td>
      <td><label for="name"></label>
      <input type="text" name="name" id="name" /></td>
    </tr>
    <tr>
      <td>email</td>
      <td><label for="email"></label>
      <input type="text" name="email" id="email" /></td>
    </tr>
    <tr>
      <td>Group</td>
      <td><input type="checkbox" name="IT" id="IT" />
        IT 
          <input type="checkbox" name="ECE" id="ECE" />
        <label for="ECE"></label>
        ECE
        <input type="checkbox" name="Mech" id="Mech" />
        <label for="Mech"></label>
        Mech</td>
    </tr>
    <tr>
      <td>Hobbies</td>
      <td><label for="hobbies"></label>
      <input type="text" name="hobbies" id="hobbies" /></td>
    </tr>
  </table>
</form>
</body>

Answer 1

您可以使用HTML5，纯JavaScript或jQuery来实现：

使用JavaScript：

<form action="" method="get" id="theForm">
// Form here
</form>

<input type="submit" onclick="document.forms[0].submit();" />

使用jQuery：

<form action="" method="get" id="theForm">
// Form here
</form>

<input type="submit" id="submitTheForm" />

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

使用CSS（如果出于审美原因，您只想将其放在表单之外）：

更好的选择可能是将您的提交保留在表单中，并使用CSS将其放在其他位置（如果这是您希望它在表单之外的原因）。

使用HTML5：

最后，您应该考虑使用HTML5的form attributes。请注意，它们在所有主流浏览器（Chrome，Firefox，IE10）中都受支持，但在旧版IE（IE9，IE8等）中则不受支持。这也应该有效：

<form id="something" method="post"> 
<input type="text"/> 
</form> 

<input type="submit" form="something">

Answer 2

是的，您可以使用jQuery

执行此操作

<a href="#" id="submit-form">Submit</a>
<form id="someid">

</form>

jQuery的：

$("#submit-form").click(function(){
$("#someid").trigger("submit");
})

Answer 3

使用JQuery：

<form action="" method="get" name="myform" id="myform">
...
</form>

<input type="button" id="submitform" value="click me to submit the form" />

$('#submitform').click(function(){
    $('#myform').submit();
});

Answer 4

你必须使用一些javascript来实现这一目标。这是一个例子

<input type="button" onclick="document.forms['myform'].submit()" value="Submit" />

提交表单中使用的按钮

4 个答案: