仅包含隐藏输入的HTML表单会在FireFox中创建额外的空白区域

Question

我有一个带有两个隐藏输入的简单表单，这会在Firefox中产生额外的空白区域。这几天我一直遇到麻烦。

<form name="DemoForm" method="get">
<input type="hidden" name="isposted" value="">
<input type="hidden" value="2" id="SelectedTab" name="SelectedTab"></form>

它在单元格中呈现。在那之后，有一个内容div，但在Firefox中，div上方有一个额外的空白区域。仅限Firefox。

我尝试修复此问题，将表单放在div中，显示：none，div中的元素为“dispay：none”以及我在网上找到的其他内容，但没有任何帮助......

以前有人遇到过这个问题吗？

Answer 1

我已经使用带有“display：none”的div容器解决了这个问题，但是从每个元素中删除了“type：hidden”。

最终代码如下：

<div style="display:none">
    <form  name="DemoForm" method="get">
        <input name="isposted" value="">
        <input value="2" id="SelectedTab" name="SelectedTab">
    </form>
</div>

当然，这可能对某人有用。 ： - ]

Answer 2

尝试删除表单中的所有空格和换行符，如下所示：

<form name="DemoForm" method="get"><input type="hidden" name="isposted" value=""><input type="hidden" value="2" id="SelectedTab" name="SelectedTab"></form>

Answer 3

与gotqn相似的想法。

使数据字段隐藏在普通文本字段中。 只需将输入字段设置为与表单背景相同的背景颜色即可“隐藏”输入字段。 如果要隐藏字段数据，请使用与背景相同的文本颜色。 如果要在其中显示某些消息/数字，请使用相反不同的文本颜色。