HTML5基础2

 • 新增type类型
        Type=“email” 限制用户必须输入email类型
        Type=“url” 限制用户必须输入url类型
        Type=“range” 产生一个滑动条表单
        Type=“number”数字类型
        Type=“search” 产生一个搜索意义的表单
        Type=“color” 生成一个颜色选择的表单
        以下作为了解
        Type=“time” 限制用户必须输入时间类型
        Type=“month” 限制用户必须输入月类型
        Type=“week” 限制用户必须输入周类型
        Type="datetime-local" 选取本地时间
        Type="date"限制用户必须输入日类型
    • 新增表单属性
        required 监测是否为空。
        min 最小
        max 最大
        step 步幅 确定一个法定值。 -3 0 3 6 
        autocompelete 是否自动关联提示信息  on关联off不关联
        autofocus 自动聚焦,一个页面只能有一个
        pattern 后面的属性值是一个正则表达式
                手机号pattern="^1[3|5|9]\d{9}$"
        novalidate 取消验证
        multiple 选择（上传）多个文件（type="file"）
        
    •新增表单标签 
        list 必须结合datalist标签，绑定datalist id名称。
        
        <input type="url" list="url_list" name="link" />
        <datalist id="url_list">
            <option label="W3School" value="http://www.W3School.com.cn" />
            <option label="Google" value="http://www.google.com" />
            <option label="Microsoft" value="http://www.microsoft.com" />
        </datalist>
        
        作为了解
        output 输出标签，用于计算结果的输出或脚本的输出
        
        <form action="" oninput="x.value=parseInt(a.value)+parseInt(b.value)">
            <input id="a" type="range" min="0" max="100">100+
            <input id="b" type="text" value="50">=
            <output name="x" for="a b"></output>
        </form>