javascript控制页面元素的显示与隐藏

visible
使用visibility:<br>
1.正常输入框
<hr>
<input type="text" style="visibility: visible">
<hr>
2.隐藏的输入框
<hr>
<input type="text" style="visibility:hidden">
<hr>
使用display:<br>
1.正常的输入框:
<hr>
<input type="text" style="display: block">
<hr>
2.隐藏的输入框:
<hr>
<input type="text" style="display:none">
<hr>

1. 控制元素可见样式，有两个属性: visibility 和 display。

Visibility对应的两个属性值是  visible 和 hidden

Display 对应的两个属性值是 block和none 

区别是：

Visibility 隐藏后 空间还被保留。

Display 隐藏后 空间也会被隐藏。