hidden visible display 的区别
程序员文章站
2022-06-03 22:01:34
...
这三种方法都可用于网页上某个元素的隐藏,但三者存在区别。
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不同的是虽然使对象在网页上不可见,但该对象在网页上所占的空间没有改变。
推荐阅读
-
记录PHP错误日志 display_errors与log_errors的区别
-
css直观表达关于overflow:visible和overflow:hidden的区别(打印的时候)
-
HTML的display属性将行内元素、块状元素、行内块状元素互相转换以及三者的区别
-
display:inline、block、inline-block的区别
-
display:none和visibility:hidden两者的区别
-
css之Display、Visibility、Opacity、rgba和z-index: -1的区别
-
display:none与visibility:hidden不同的隐藏
-
记录PHP错误日志 display_errors与log_errors的区别_PHP教程
-
hidden visible display 的区别
-
hidden visible display 的区别