小编典典

使用外部按钮提交表单标签

all

说我有:

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

<input type="submit" />

如何在表单之外使用提交按钮提交该表单,我认为在 HTML5 中有一个用于提交的操作属性,但我不确定这是否完全跨浏览器,如果它不存在的话做这个?


阅读 113

收藏
2022-03-23

共1个答案

小编典典

更新:在现代浏览器中,您可以使用该form属性来执行此操作。
在 HTML5 中,有form 属性。基本上

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

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

据我所知,如果没有 javascript,您将无法做到这一点。

这是规范所说的

用于创建控件的元素通常出现在 FORM 元素内,但在用于构建用户界面时也可能出现在 FORM 元素声明之外。这将在关于内在事件的部分中讨论。
请注意,窗体外的控件不能是成功的控件。

这是我的大胆

submit按钮被视为控件。

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

从评论中

我有一个多选项卡设置区域,带有一个按钮来更新所有内容,由于它的设计,该按钮将位于表单之外。

为什么不将其input放在表单内部,而是使用 CSS 将其放置在页面的其他位置?

2022-03-23