html5新增属性,html5增加了很多新功能和新特性
HTML5不再是SGML的子集,主要增加了图片、位置、存储、多任务等功能。
绘画CANVAS;
用于播放媒体的视频和音频元素;
Localstorage长期离线存储数据,关闭浏览器后数据不会丢失;关闭浏览器后,sessionstorage的数据被自动删除;
语义更好的内容元素,比如文章、页脚、页眉、nav、section;
控件,类型属性是日历、日期、时间、电子邮件、URL和搜索;
移除的元素有:纯表现性元素:basefont、big、center、font、s、strike、TT、u;对可用性有负面影响的元素:框架、框架集、无框架;
支持html5新标签:ie8/ie7/ie6支持document.createElement方法生成的标签。你可以用这个特性让这些浏览器支持HTML5新标签。浏览器支持新标签后,还需要添加标签的默认样式。
其中input标签增加了许多新属性,我来列举一下:
为input、select、textarea和button指定autofocus属性。通过指定属性,它在页面加载后自动为元素提供焦点。一个页面中只有一个元素可以具有自动聚焦属性。如果同时设置了多个元素,则第一个元素将生效。当输入框获得焦点时,提示字符消失。
这个属性对于登录页面非常有用,可以提高用户体验。有时登录页面只有用户名和密码。页面加载后,用户必须在输入之前手动导航到输入框。有了自动对焦,可以直接进入页面。
添加了最大,最小,步骤属性的日期选择器,数字,输入范围。max属性指定输入字段中允许的最大值。
min属性指定输入字段中允许的最小值。
step属性为输入字段指定了一个合法的数字间隔。(如果step=3 ,合法数字应该是-3、0、3、6等等。)步长属性可以与最大值和最小值属性结合使用,以创建合法值的范围。
pattern属性
pattern属性用于验证输入字段的模式,它实际上是一个正则表达式。写js绑定常规验证非常方便。
模式属性适用于输入的文本、搜索、URL、电话、电子邮件和密码。
例如,输入框用模式“[A-z]{3}”定义,即包含三个字母的正则表达式约束。如果输入是非法的,我们会看到下面的效果。
multiple属性
multiple属性指定可以在输入字段中选择多个值。
多重属性适用于电子邮件,文件的输入。上传时允许一次上传多个文件。
这些是我所知道的html5的新标签和功能。
HTML5新增功能的详细讲解,都是边肖分享的内容。希望能给你一个参考,支持你。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。