学学习网 手机版

学学习网

学习路径: 学习首页 > web开发 > html5 >

WEB开发之HTML5表单的新功能解析(2)

设置字体:
----------------------------------

5、tel输入类型

此类型要求输入一个电话号码,但实际上它并没有特殊的验证,与text类型没什么区别.

6、color输入类型

此类型表单,可让用户通过颜色选择器选择一个颜色值,并反馈到value中.

三、HTML5表单新增的表单属性


1、placeholder属性

 

这是一个很实用的属性,免去了用JS去实现点击清除表单初始值.浏览器支持也还不错,MS除了Firefox,其他标准浏览器都能很好的支持.

2、require/pattern属性

HTML5表单验证属性,require类型时,若输入值为空,则拒绝提交,并会有一个提示.上面两种写法都对,这个很有用.并且可以用于textarea以及hidden/image/submit类型.pattern类型为正则验证,可以完成各种复杂的验证.这两种类型在Opera中必须指定name值,否则无效果.

3、autofocus属性

默认聚焦属性,可在页面加载时聚焦到一个表单控件,类似于JS的focus().

----------------------------------
课程列表
重点难点
赞助链接