使用<form>标记外的按钮提交表单

一尘不染

使用<form>标记外的按钮提交表单

html

说我有：

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

<input type="submit" />

我该如何使用表单外部的“提交”按钮提交该表单，我认为在HTML5中有一个“提交”的动作属性，但是我不确定那是否是完全跨浏览器的，如果不是这样的话，做这个？

阅读 332

2020-05-10

一尘不染

一个对我来说很好的解决方案，在这里仍然缺少。它需要具有目视隐藏<submit>或<input type="submit">元件whithin的<form>，和相关<label>的它元件外部。它看起来像这样：

<form method="get" action="something.php">
     <input type="text" name="name" />
     <input type="submit" id="submit-form" class="hidden" />
</form>

<label for="submit-form" tabindex="0">Submit</label>

现在，此链接使您可以<submit>通过单击<label>元素来“单击”表单元素。

2020-05-10

一尘不染

在HTML5中，有form属性。基本上

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

<input type="submit" form="myform" />

2020-05-15

使用<form>标记外的按钮提交表单

共2个答案