h5 input新增属性

1.autofocus 页面加载完后获得焦点
//当页面加载时获得焦点

2. autocomplete 是否显示与现在输入内容相匹配得历史输入记录
   //可设置得值：no-显示匹配的历史输入记录 off 不显示历史输入记录
   
   

3. form 设置元素归属表单的ID
   //用于声明元素属于哪个表单，而不关心元素在页面哪个位置，表单之外都行
   

4. formaction 设置表单action属性的值

First name:
Last name:

5. formenctype 覆盖表单enctype属性的值

First name:

6. formmethod 覆盖表单method属性的值

First name:
Last name:

7. formnovalidate 关闭表单的验证

E-mail:

8. formtarget 设置表单target属性的值

First name:
Last name:

9. max min 设置最大/最小值
10. minlength 设置输入最小程度
11. pattern 设置元素文本内容需匹配的正则表达式
    //浏览器不会验证空值，若想必填可加上 required 属性
    //若含有 title 属性的值，当匹配失败会显示 title 的信息

手机号码：

12. placeholder 设置预先显示内容
13. readonly 设置元素是否只读
14. required 设置是否为必填项
    方法
15. boolean checkValidity() 判断控件的内容是否校验通过
    console.log(document.getElementById(‘webURL’).checkValidity()); // => false ：验证不通过 true : 验证通过
    1
16. void setCustomValidity(string msg) 设置校验不通过时的自定义信息

新的密码：

确认密码：

// 校验2个密码是否一致
var validityPwd = function(){
var newPwd = document.getElementById(‘newPwd’);
var newPwdConfirm = document.getElementById(‘newPwdConfirm’);
if(newPwd.value != newPwdConfirm.value){
newPwdConfirm.setCustomValidity(‘两次密码输入不一致’);
}else{
newPwdConfirm.setCustomValidity(’’);
}
}

新控件

1. color 颜色
2. date 日期
   3.month 年月日历
   4.time 时间
   5.week 周数
   6.email 电子邮件
   7.number 数值
   8.search 搜索框
   9.range 滑动条
   10.tel 电话号码
   11.url 网址