Html5新增加的属性

用2中方法给单复选框增加新的特性,使直接点击文字就可以被选中

1.将选项放入label标签内添加for属性,并在input标签内添加id,两者值相同。

2.将input标签放到label标签内,注意label标签内不使用for属性。?

1.在optgroup里面添加label属性,可以给每组添加标题,标题为不可选;

?2.当在option里面添加label属性,选项默认label的属性值

时间: 2024-10-01 07:24:00

Html5新增加的属性的相关文章

HTML5新增加的功能

HTML5现在已经不是SGML的子集,主要是增加了关于图像,位置,存储,多任务等功能. 绘画CANVAS; 用于播放媒体的video和audio元素: 本地离线存储localstorage长期存储数据,浏览器关闭后数据不丢失:sessionstorage的数据在浏览器关闭后自动删除: 语义化更好的内容元素如:article.footer.header.nav.section: 表单控件,type属性有calendar.date.time.email.URL.search: 移除的元素有:纯表现的

html5新增加的标签

增加标签: 1.结构标签 (1)section:独立内容区块,可以用h1~h6组成大纲,表示文档结构,也可以有章节.页眉.页脚或页眉的其他部分: (2)article:特殊独立区块,表示这篇页眉中的核心内容: (3)aside:标签内容之外与标签内容相关的辅助信息: (4)header:某个区块的头部信息/标题: (5)hgroup:头部信息/标题的补充内容: (6)footer:底部信息: (7)nav:导航条部分信息 (8)figure:独立的单元,例如某个有图片与内容的新闻块. 2.表单标

HTML5新标签和属性

1.<time>标签(支持IE9以上和其他浏览器) 今年是<time datetime="2015-12-12">2015年</time> <script type="text/javascript"> onload=function(){ var time=document.getElementsByTagName("time")[0]; //alert(time.innerHTML); } &l

HTML5增加的属性

---恢复内容开始--- 表单属性   1.为input(text).select.textarea与button元素新增加autofocus属性. 它以指定属性的方式让元素在画面打开时自动获得焦点. 2.为input元素与textarea元素新增加placeholder属性,它会对用户的输入进行提示, 提示用户可输入的内容. 3.为input.output.select.textarea.button与fieldset新增加form属性,声明它属于哪个表单, 然后将其放置在页面上任何位置,而不

检测浏览器对HTML5新input类型的支持

HTML5新增加了很多input元素类型,比如color,date,datetime,datetime-local,email,month,number,range,search,tel,time,url,week等. 通过以下方法可以检测浏览器是否支持这些新的input类型: var i = document.createElement('input'); i.setAttribute('type', 'date'); //浏览器不支持date类型 if(i.type == 'text'){

HTML笔记(2)——HTML5新属性

HTML5 DAY01: 基本内容 HTML5目前最新的规范(标准)是2014年10月推出 2005年左右出现HTML5版本(非标准) W3C组织(两个组织定义H5规范) 学习(研究)HTML5是学习未来(将来主流) HTML版本 - 第一阶段主要学习还是4版本(包含5版本) <header><nav> HTML5版本之后,声明不再出现版本信息 有意地版本,以后可能不再会有新版本 HTML5的规范内容实时更新 注意 HTML5永远都不可能离开javascript. HTML5在移动

HTML5每日一练之input新增加的5种其他类型1种标签应用

今天介绍input在HTML5中的最后5种类型,分别是:number,range,search,tel和color 注意:此种类型的input在Opera10+中效果为佳,Chrome中效果不是十分好,外观取决于浏览器 1.number类型: <form> <input id="w3cfuns_date" name="w3cfuns.com" type="number"/> <input type="sub

html5 新全局属性

contenteditable属性 contenteditable属性允许将任何HTML元素设置为可编辑.它可包含3个值:true.false和inherit. [contenteditable]:hover, [contenteditable]:focus { outline: 2px dotted red; } <p contenteditable="true">Your content</p> contextmenu属性 contextmenu属性提供了元

HTML5每日一练之input新增加的URL类型与email类型应用

1.URL类型: <form> <input name="urls" type="url" value="http://www.w3cfuns.com/"/> <input type="submit" value="提交"/> </form> 复制代码 设置此类型后,从外观上来看与普通的元素差不多,可是如果你将此类型放到表单中之后,当点击提交按钮,如果此输入框