<input type="text" id="test1" style="display:block;visibility: hidden" value="visiability"/>
<input type="text" id="test2" style="visibility: visible;display:none" value="display"/>
二者都不可见。
即,如果同时使用二者,则任一设为不可见,则该控件为不可见。
而对于js两者都可引用到如:
alert(document.getElementById("test1").value);
alert(document.getElementById("test2").value);
二者均可打印出值。
visible:hidden控件不可见,留下空白区域;
display:none属性会使这个对象彻底消失,不留下空白区域。
<input type="text" id="test2" style="visibility: visible;display:none" value="display"/>
二者都不可见。
即,如果同时使用二者,则任一设为不可见,则该控件为不可见。
而对于js两者都可引用到如:
alert(document.getElementById("test1").value);
alert(document.getElementById("test2").value);
二者均可打印出值。
visible:hidden控件不可见,留下空白区域;
display:none属性会使这个对象彻底消失,不留下空白区域。