专业搜索引擎优化基地
建站优化推广一条龙服务

html5中新加入的一些类型以及属性使用方法说明

HTML5之前,使用div id=”header”标记元素没有任何实现的意义,即浏览器不能从标记的ID号属性来推断这个标记的真正含义,因为ID号是可以变化的,因此不利于寻找;而HTML 5中的新元素header,明确地告诉浏览器它是一个页头,并且该标记可以重复使用

<progress>

progress是HTML 5中新增的状态交互元素,用来表示页面中的某个任务完成的进度(进程),如下载文件时,文件下载到本地的进度值,可以通过该元素动态展示在页面中,展示的方式既可以使用整数(如1到100),也可以使用百分比(如10%到100%)。

“contenteditable”属性

在HTML 5中,大部的显示文本内容的元素都支持“contenteditable”属性,因此,该属性的使用给页面中用户的交互体验带来极大的方便.

input的type=“email”属性

input的type=”url”属性

input的“min”、“max”、“value”、“step”属性值

分别定义了三个“number”类型的<input>元素输入框,

并分别设置了“min”、“max”、“value”、“step”属性值,

其中“step”属性值表示步长值,默认值为1,即当用户点击微调控件时,

向上增加或向下减少的值。所有这些属性值都是可选项,如果不需要指定数字上限则可以省略“max”属性。

input的type=”range”属性

input的日期时间属性(兼容不好,尽量少用,推荐使用时间控件)

pattern属性

pattern是元素的验证属性,即使用该属性中的正则表达式,验证文本输入框中的内容。

autofocus属性

表单中的所有<input>元素都具有“autofocus”属性,该属性作用是页面加载完成后,光标是否自动锁定<input>元素,即是否使元素自动获取焦点。

placeholder属性

文本输入框中的“placeholder”属性值只支持纯文本,目前还不支持HTML语法,也不能修改输入框中占位文本的样式

required 属性

如果需要验证某个输入框的内容必须不为空值,只要添加一个“required”属性,并将该属性的值设置为“true”或只是增加属性名称“required”.

input的list与datalist属性

除了以上新增的特性和属性外,HTML5还新增了一下函数:

validity:用来检测表单有效性的具体信息

valueMissing:该控件未填写

typeMismatch:出现类型不匹配

patternMismatch:出现格式不匹配

toolong:内容过长

rangeUnderflow:下溢

rangeOverflow:益出

stepMismatch:步长不匹配

customError:出现自定义错误

valid:没有其他条件为真

checkValidity():检测表单中某个字段是否有效,通过验证返回真,否则返回假

setCustomValidity(str):设置自定义错误信息

详见:新增​HTML5表单函数的详解

转载请注明出处搜吧SEO优化基地 » html5中新加入的一些类型以及属性使用方法说明

上一篇:
下一篇:
分享到:更多 ()

搜吧SEO研究基地--专注SEO建站优化服务

关于我们联系我们