html - 表单元素出现在表单之外

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

在显示设置为无的情况下，表单不应该是可见的。它甚至可以在您的一个页面上运行，因此您可以确定代码。您需要检查其他页面中的代码。我猜你已经粘贴了工作表单的代码:)

Answer 2

创建 div 并对其应用 display:none 。而不是将 display none 应用于表单元素的表单