HTML5表单新增内容

新的HTML5表单较之HTML4.01表单在type属性上就新增了许多值,算是对HTML4.01表单内容的完善吧。但新增的这些框的样式还是一样的丑，很少用到，基本上还是自己写样式。

HTML5在表单上还新增了许多的属性
placeholder：输入提示语
required：必须输入
autocomplete=“off” 是否自动记录之前提交的数据 默认值为on 一般会关闭设置为off
maxlength：最大长度
minlength：最小长度
pattern：规定用于验证输入字段的模式（值为正则表达式）
form：通过form的id绑定到指定的form表单上
这些内容都属于HTML5表单新增的验证，并带有系统的错误提示，这些内容是HTML4.01所没有的。

这些错误提示也都是可以使用JS来更改的。
element.setCustomValidity(‘错误提示消息’)
自定义错误消息 优先级高于任何系统自带的错误消息
删除自定义消息 自定义错误customError如果为true，则该表单无法提交
element.setCustomValidity(’’) 此时element.customError 就是false了

var userId = document.getElementById('userId');
userId.onblur = function(){
    if(this.validity.valueMissing){
        var msg = '账号不能为空';
        this.setCustomValidity(msg);
        this.nextElementSibling.innerHTML = msg;
    }else{
        this.setCustomValidity('');
    }
}