隐藏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;" />

参考:

• CSS display属性.