我们是否可以在另一种形式中有一种形式?有什么问题吗?


当前回答

是的,有。这是错误的。这行不通,因为这是错误的。大多数浏览器只能看到一个表单。

http://www.w3.org/MarkUp/html3/forms.html

其他回答

是的,有。这是错误的。这行不通,因为这是错误的。大多数浏览器只能看到一个表单。

http://www.w3.org/MarkUp/html3/forms.html

另一种解决方法是启动一个包含自己表单的模态窗口

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

必须有嵌套表单的XHTML是无效的。但是,您可以使用多个提交按钮,并根据用户单击的按钮使用服务器端脚本运行不同的代码。

表单嵌套可以通过新的HTML5输入元素的Form属性实现。虽然我们没有在结构上嵌套表单,但输入是按它们自己的形式计算的。在我的测试中,除了IE(IE11),有3个主要浏览器支持这个功能。表单嵌套限制是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="toolbar">
    <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>