欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

hidden visible display 的区别

程序员文章站 2022-06-03 22:00:40
...

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

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不同的是虽然使对象在网页上不可见,但该对象在网页上所占的空间没有改变。