这是一个相当可靠的解决方案，它包含了迄今为止最好的想法，也包括了我对奥弗林强调的问题的解决方案。不使用javascript。

如果你关心IE的向后兼容性(甚至Edge 13)，你不能使用form="your-form"属性。

使用一个标准的提交输入，并在表单外添加一个标签:

<form id="your-form">
  <input type="submit" id="your-form-submit" style="display: none;">
</form>

注意使用display: none;。这是故意的。使用bootstrap的.hidden类与jQuery的.show()和.hide()冲突，并且在bootstrap 4中已弃用。

现在只需为你的提交添加一个标签，(风格为bootstrap):

<label for="your-form-submit" role="button" class="btn btn-primary" tabindex="0">
  Submit
</label>

与其他解决方案不同，我还使用tabindex -设置为0 -这意味着我们现在与键盘选项卡兼容。添加role="button"属性为它提供了CSS样式的游标:指针。瞧。(看这把小提琴)。

更新:在现代浏览器中，您可以使用form属性来完成此操作。

据我所知，你不能没有javascript做到这一点。

这是说明书上说的

用于创建控件的元素通常出现在FORM内部 元素，但也可以出现在FORM元素声明之外 当它们被用于构建用户界面时。这在 内在事件部分。注意，窗体外部的控件不能这样做 成功控制。

这是我的粗体

提交按钮被认为是一个控件。

http://www.w3.org/TR/html4/interact/forms.html#h-17.2.1

从评论中

我有一个多选项卡设置区域的按钮更新所有，到期 根据它的设计，按钮将在窗体之外。

为什么不把输入放在表单内部，而是使用CSS将其定位到页面的其他地方呢?

我有一个问题，我试图从表格单元格元素隐藏表单，但仍然显示表单提交按钮。 问题是表单元素仍然占用了额外的空白空间，使得表格单元格的格式看起来很奇怪。 display:none和visibility:hidden属性不起作用，因为它也会隐藏提交按钮，因为它包含在我试图隐藏的表单中。 简单的答案是使用CSS将表单高度设置为几乎为零

So,

CSS—

    #formID {height:4px;}

为我工作。

你的<按钮>将需要有这2个属性:type="submit"和form="form_id"如果它在表单之外。例子:

<form id="my-form">
   ...
</form>

<button type="submit" form="my-form">
   Submit
</button>

此外，<button>元素还可以具有formmethod和formaction属性，分别覆盖表单的方法和动作。例子:

<button type="submit" form="my-form" formmethod="post" formaction="/something.php">
   Submit
</button>

下面是<button>元素所有可用属性的引用:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button

如果你会使用jQuery，你就可以使用这个

<form method="get" action="something.php" id="myForm">
    <input type="text" name="name" />

    <input type="submit" style="display:none" />
</form>

<input type="button" value="Submit" id="myButton" />

<script type="text/javascript">
    $(document).ready(function() {
       $("#myButton").click(function() {
           $("#myForm").submit();
       });
    });
</script>

所以，底线是创建一个按钮像提交，并把真正的提交按钮在表单(当然隐藏它)，并通过jquery通过点击“Fake Submit”按钮提交表单。希望能有所帮助。

类似于这里的另一个解决方案，只是稍加修改:

<form method="METHOD" id="FORMID">
   <!-- ...your inputs -->
</form>
<button type="submit" form="FORMID" value="Submit">Submit</button>

https://www.w3schools.com/tags/att_form.asp