表单元素出现在表单之外

Question

我渲染一个这样的表格：

<form action='/search' method='get' style='display: none'>
  <input name='q' type='search' />
  <input type='submit' value='Search' />
</form>

在页面源代码中，这个部分看起来像是这样，但Web Inspector和Firebug都在DOM树中显示它：

<form action='/search' method='get' style='display: none'></form>
<input name='q' type='search' />
<input type='submit' value='Search' />

因此，尽管display: none语句，输入仍然可见，表单提交也不起作用。

为什么会这样，有什么想法？更深层次的谜团：这个表格在网站的两个页面上呈现，而在另一个页面上，它就像预期的那样呈现。

Answer 1

如果显示设置为none，则不应显示该表单。它甚至可以在您的某个页面上工作，因此您可以确定代码。您需要检查其他页面中的代码。我猜你已经粘贴了工作表的代码：）

Answer 2

创建div并对其应用display：none。而不是形式应用display none来形成元素