Question

我有以下代码：

<html>
<head>
    <title>Title</title>
</head>
<body>
<form name="select" id="selectForm" action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>" method="post">
    <input type="checkbox" name="checkbox" form="selectForm" />CheckBox
</form>
<input type="submit" value="Submit" name="submit" form="selectForm" />
</body>
</html>

Chrome和FF中的女巫会刷新页面然后单击提交，但是在IE 11中没有。在IE 11中只有在提交按钮位于表单内部时才有效。

你能帮我理解为什么吗？或者有没有办法让它与表单外的“提交”按钮一起使用？

Answer 1

如果您需要能够通过外部按钮普遍提交表单 - 只需定义一个普通按钮，并在其onclick事件处理程序中执行form.submit，例如

<form name="select" id="selectForm" action="<?php echo htmlentities($_SERVER['PHP_SELF']); ?>" method="post">
    <input type="checkbox" name="checkbox" form="selectForm" />CheckBox
</form>

<input type="button" value="Submit" name="submit" onclick="document.getElementById('selectForm').submit();" />

Html浏览器兼容性提交类型输入

1 个答案: