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

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值