HTML5的hidden属性

我们已经知道了很多HTML5新增的属性,比如placeholder、download、autofocus等,还有个新的可能会常用的属性hidden,也是蛮好用的,这里简单介绍下~~

用法很简单:

1
2
3
<div hidden>
  You can't see me!
</div>

这个属性的表现类似css的display:none,用了这个属性后,元素会被隐藏,块级元素也会折叠起来不再占位,和visible:hidden不一样。所以,对于不支持HTML5的浏览器来说,也可以做下简单的兼容:

1
*[hidden]
						{
						display:
						none;
						}

嗯,之前我们的通用做法是直接给目标元素一个style=”display:none”或者定义一个.none之类的选择器,现在我们又多了一种选择。是否好用,还要看项目实际需要吧~~

整理自:http://davidwalsh.name/html5-hidden
中文原文:
请尊重版权,转载请注明来源,多谢~~

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索display
, 属性
, 简单
, 元素
, hidden
好用
html hidden 属性、html的hidden属性、html hidden 属性无效、html5 hidden、html5 hidden value,以便于您获取更多的相关知识。

时间: 2024-08-04 01:46:21

HTML5的hidden属性的相关文章

《HTML5移动应用开发入门经典》—— 2.2 HTML5的新属性

2.2 HTML5的新属性 HTML5移动应用开发入门经典 HTML5中的许多新属性是它们相关标签的扩展.可以通过一些新的event(事件)属性将脚本与Web页面事件关联起来.另外,还可以使用适用于所有HTML5元素的全局新属性. 在HTML中,属性出现在标签名称后,由空格分开,并介于"<"和">"号之间.若该属性包含一个值,值通过等号被附加在属性上.若值中包括空格,需要用引号将整个值括起来.例如: 或: 布尔值属性同样适用于HTML5,它们不需要值.若

form-JAVA点击按钮 将Form窗体的hidden属性的true值改为false?

问题描述 JAVA点击按钮 将Form窗体的hidden属性的true值改为false? < button type="button">管理员登陆</button> 点击管理员登陆这个按钮,将下面的Form窗体的hidden属性值如何变为false <form action="${ctx}/login.action" id="loginForm" method="post" hidden=&quo

《HTML5移动应用开发入门经典》—— 第2章 移动开发中新的HTML5标签和属性

第2章 移动开发中新的HTML5标签和属性 HTML5移动应用开发入门经典本章介绍如下内容: 如何使用HTML5中的新标签及属性:HTML5中的其他变化:HTML5的移动支持:使用HTML5开发移动Web应用的理由.HTML5中有许多在构建Web页面及应用中会用到的新标签和属性.在这一章中,读者将学习许多HTML5的新特性以及它们在移动设备上的运用.新款智能手机及平板电脑正在逐渐接纳HTML5,而本章将会告诉读者如何加入这一次革新的盛宴.

详解HTML5中download属性的应用

在传统的html中,某个文件的下载,是这样的: XML/HTML Code复制内容到剪贴板 <a href="=/files/abc1234564545.pdf">report</a> 而在HTML 5浏览器中,可以支持download属性了,如下: XML/HTML Code复制内容到剪贴板 <a href="=/files/abc1234564545.pdf" download="abc">report&l

IE9对HTML5中部分属性不支持的原因分析

  具体方法如下: 众所周知,在IE9中对于HTML5标准中的离线应用程序以及CSS3中的一部分不提供支持.本文对此做一简要分析. 微软日前已经发布了Internet Explorer 9(以下简称IE9)正式版.在该版本中,微软遵循他们的发展战略,对于作为最新Web标准的HTML5与CSS3中大多数功能提供了支持. 同时,微软也准备将IE9应用在Windows Phone 7中使用.IE9无疑成为了微软的Internet战略中非常重要的一个环节. 但是,现在公布的IE9中,应该被用来与Fire

HTML5中meta属性的使用详解

meta属性在HTML中占据了很重要的位置.如:针对搜索引擎的SEO,文档的字符编码,设置刷新缓存等.虽然一些网页可能没有使用meta,但是作为正规军,我们还是有必要了解一些meta的属性,并且能够熟练使用它们. 1.声明文档使用的字符编码 <meta charset='utf-8'> 2.声明文档的兼容模式 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 指示IE以目前可用的最

Html5的placeholder属性(IE兼容)实现代码_jquery

HTML5对Web Form做了许多增强,比如input新增的type类型.Form Validation等. Placeholder是HTML5新增的另一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点时,提示文字消失.以前要实现这效果都是用JavaScript来控制才能实现 , firefox.google chrome等表示对其支持 , 唯独IE存在违和感啊! 例如: <input id="t1" type=&

全面阐述overflow:hidden属性

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 overflow:hidden这个CSS样式是大家常用到的CSS样式,但是大多数人对这个样式的理解仅仅局限于隐藏溢出,而对于清除浮动这个含义不是很了解. 一提到清除浮动,我们就会想到另外一个CSS样式:clear:both,我相信对于这个属性的理解大家都不成问题的.但是对于"浮动"这个词到底包含什么样的含义呢?我们下面来详

HTML5布局标签属性和方法

<header>标签 <header>标签定义文档的页眉(介绍信息),用法: <header><h1>阿邦Dreamweaver专栏</h1></header> <nav>标签 <nav> 标签定义导航链接的部分,用法: <nav> <ul> <li><a href="#">菜单一</a></li> <li>