HTML隱藏輸入字段是否有位置？

隱藏的輸入字段在頁面中是否有物理位置？我知道這個問題可能聽起來很愚蠢（我絕對覺得這是要求提問），但最近我創建了一個網站，其中有很多隱藏字段（使用JavaScript DOM創建），並且我注意到有一個巨大的空白區域在頁面底部。HTML隱藏輸入字段是否有位置？

我檢查了代碼，找不到任何可能導致此問題的內容。

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);

我在一些代碼中編輯，以顯示我創建隱藏字段的方式。

來源

2014-09-19 Adam Benedek

你能告訴我們一些html代碼嗎？ – pistou 2014-09-19 10:12:31

不，input type="hidden"字段不會造成這種情況。可能有些CSS樣式或width和height設置。

他們做有一個位置，嘗試從開發者控制檯更改在text，你會看到它的位置。他們剛剛崩潰了。不以任何方式影響佈局。

來源

2014-09-19 09:40:40

他可能會使用'visibility：hidden'。在這種情況下不應該佔用一些空間？如[W3]（http://www.w3schools.com/css/css_display_visibility.asp） ''visibility：hidden隱藏了一個元素，但它仍然佔據與之前相同的空間，元素將被隱藏，但仍然影響佈局。「'輸入類型=」隱藏「'' – 2014-09-19 09:45:03

'呈現爲無，因此它不是必需的。 – 2014-09-19 09:45:49

@SyedAliTaqi：http://jsfiddle.net/4vst8vto/。你看不到任何空間。 – 2014-09-19 09:46:57

如果您使用的是<input type="hidden">，那麼作爲帕特里克回答他們不會影響佈局。如this例子通過Patrick解釋。

但如果您使用visibility:hidden然後YES將乘坐空間隱藏你的input fields。請參閱THIS示例。根據W3

作爲「可見性：隱藏隱藏的元素，但它仍然會佔用相同的空間之前的元件將被隱藏，但仍然影響的佈局。」。

您可以使用display:none隱藏您的fields。根據W3

display：none隱藏一個元素，它不會佔用任何空間。該元素將被隱藏，頁面將顯示爲好像該元素不存在

來源

2014-09-19 09:55:20

HTML隱藏輸入字段是否有位置？

回答

相關問題