表格里面的表格可以吗(define alright)-边看边学

我们是否可以在另一个表单中有一个表单？。这有什么问题吗？

260

虽然您可以在一个 HTML 页面中有多个<form>元素，但您不能嵌套它们。

163

表单嵌套可以通过新的 HTML5 input 元素的 form 属性来实现。虽然我们不在结构上嵌套表单,但输入被评估为它们在自己的表单中。在我的测试中,3 个主要浏览器支持除了 IE (IE11)。表单嵌套限制是 HTML UI 设计的一大障碍。

这是一个示例代码，当您单击保存按钮时，您应该看到“2 3 成功”（原始http://www.impressivewebs.com/html5-form-attribute/）：

<form id="saveForm" action="/post/dispatch/save" method="post"></form>
<form id="deleteForm" action="/post/dispatch/delete" method="post"></form>
<div id="">
    <input type="text" name="foo" form="saveForm" />
    <input type="hidden" value="some_id" form="deleteForm" />
    <input type="text" name="foo2" id="foo2" form="saveForm" value="success" />
    <input type="submit" name="save" value="Save" form="saveForm" onclick="alert(document.getElementById('deleteForm').elements.length + ' ' + document.getElementById('saveForm').elements.length + ' ' + document.getElementById('saveForm').elements['foo2'].value);return false;" />
    <input type="submit" name="delete" value="Delete" form="deleteForm" />
    <a href="/home/index">Cancel</a>
</div>

否。HTML 明确禁止嵌套表单。

从HTML 5 draft：

内容模型：流内容，但没有表单元素后代。

从HTML 4.01 Recommendation：

<!ELEMENT FORM--(%block;|SCRIPT)+-(FORM)--interactive form-->

（请注意-（FORM）部分）。

不支持嵌套形式，并且不是 w3c 标准的一部分（正如你们中的许多人所说）。

然而，HTML5 增加了对输入的支持，这些输入不必是任何形式的后代，但可以通过使用“form”属性以几种形式提交。这并不完全允许嵌套形式，但是通过使用此方法，您可以模拟嵌套形式。

“form”属性的值必须是表单的 id，或者在多个表单的情况下，用空格分隔表单 id。

您可以阅读更多here

本站系公益性非盈利分享网址，本文来自用户投稿，不代表边看边学立场，如若转载，请注明出处