Question

我有一个表单，我有一个提交按钮。

我想要的是将提交按钮放在标签之外（因为设计问题），但仍然希望能够在我点击它时提交表单。

Answer 1

创建一个javascript函数或直接将其添加到提交按钮。

<input type='button' value='submit' onClick="document.formName.submit()" >

- 或 -

<a href="javascript:document.formName.submit();">Click Here</a>

Answer 2

如果你使用jquery，

<form name="getform" id="theform" target="/baby/index.html">
...
</form>

<button value="submit" onclick="$('#theform').submit();" />

Answer 3

没有理由从表单元素中移出任何与表单相关的表单。如果表单元素弄乱了你的设计，你应该使用CSS解决这个问题：

form
{
  margin: 0px;
  padding: 0px;
}

Answer 4

我同意其他人的答案。使用<button>代替<input>只是另一种可能性。请看一下我的例子。

<html>
  <head>
    <script>
      function myFunction(form_id)
      {
      document.getElementById(form_id).submit();
      }
    </script>
  </head>

  <body>
    <form id="id_form" method="post" action="handler.php">
      Username <input type="text" name="Username"></input>
      Password <input type="password" name="Password"></input>
    </form>

    <form id="otherid_form" method="post" action="otherhandler.php">
      Guestname <input type="text" name="Username"></input>
    </form>
    <button onclick="myFunction('id_form')"> submit text</button>
    ...more more stuff if you want...
    <button onclick="myFunction('otherid_form')"> submit text</button>
  </body>
</html>

Answer 5

使用HTML5，您可以执行以下操作：

<form id="theForm">
...
</form>

<button type="submit" form="theForm">OK</button>

独立表单提交按钮

5 个答案: