隐藏HTML元素，使其不占用任何空间

Question

有人可以解释我如何修改下面显示的第二个输入ID，使其在页面上不可见，并且不占用页面上的任何空格？

    <section>
    <label for="muni">Municipality</label>
    <div>
    <input id="county_select" type="text" />
    <input id="county_no" type="text" value="" disabled="disabled" style="visibility:hidden" />
    </div>
    </section>

目前，这个第二个输入id会占用我表单上的空间，我不希望它占用任何空间。谢谢。

Answer 1

使用display: none;，如下所示：

<input id="county_no" type="text" value="" disabled="disabled" style="display: none;" />

参考：

• The CSS display property。

Answer 2

display:none in stead of visibility:hidden

Answer 3

使用style="display:none;"代替visibility:hidden

visibility:hidden离开了空间。

Answer 4

您可以使用CSS设置输入样式，并通过其id标记对其进行定位。

在.css文件中：

#county_no { display: none; }

应避免使用样式化HTML内联。