Question

隐藏的输入字段是否在页面中具有物理位置？

我知道这个问题可能听起来很愚蠢（我肯定觉得它有点问），但最近我创建了一个包含很多隐藏字段的网站（用JavaScript DOM创建），我注意到有一个巨大的空白区域页面底部。

我检查了代码，但找不到任何可能导致此问题的内容。

var hiddenfield = document.createElement('input');
hiddenfield.setAttribute("type","hidden");
hiddenfield.name = "hiddenfield";
hiddenfield.id = "hiddenfield";
hiddenfield.setAttribute("value", document.getElementById("select1 4").value);
formNew.appendChild(hiddenfield);

我在一些代码中进行了编辑，以显示我创建隐藏字段的方式。

Answer 1

不，input type="hidden"字段不会导致此问题。可能是某些css样式或width和height设置。

他们做有一个位置，尝试从开发者控制台更改hidden中的text，您将看到它的位置。他们刚崩溃了。不以任何方式影响布局。

Answer 2

如果您使用<input type="hidden">，那么当 Patrick 回答时，它们不会影响布局。与 Patrick 解释的 this 示例一样。

但是如果您使用input fields隐藏visibility:hidden，然后是，则会占用空间。请参阅 THIS 示例。

根据 W3

“visibility：hidden隐藏了一个元素，但它仍然会占用与之前相同的空间。该元素将被隐藏，但仍会影响布局。”

您可以使用fields隐藏display:none。根据W3

display：none隐藏一个元素，它不会占用任何空间。元素将被隐藏，页面将显示为元素不存在

HTML隐藏的输入字段是否有位置？

2 个答案: