hidden visible display 的区别

这三种方法都可用于网页上某个元素的隐藏,但三者存在区别。

hidden:在 HTML 表单中 <input type="hidden"> 标签每出现一次,一个 Hidden 对象就会被创建。

这个不可见的表单元素的value属性保存了一个要提交给Web服务器的任意字符串。如果要提交并非用户直接输入的数据,就是用这种类型的元素。

display的用法:

<body>
<span style="display:none; background-color:Blue">标签管理</span>
</body>

 display:none使对象在网页上不可见,并且不为被隐藏的对象保留空间,该对象在网页上彻底消失。

visible的用法:

<body>
<span style="visible:hidden; background-color:Blue">标签管理</span>
</body>

 visible:hidden 与display:none不同的是虽然使对象在网页上不可见,但该对象在网页上所占的空间没有改变。

猜你喜欢

转载自dachuan212.iteye.com/blog/2013119