H5新增了那些属性呢？

说明：
1.email 会在文本框中自动监测用户输入的是否符合邮箱的格式以@为标准
2.url 自动检测
3.date 会给出一个日历供用户选择，直观
4.time 会给出一个钟表供用户选择
5.number 会自动检测输入是否为数字型 且有增加和减少按钮
6.tel 自带号码校验属性

<form action="">
        <ul>
            <li>邮箱：<input type="email"></li>
            <li>网址：<input type="url"></li>
            <li>日期：<input type="date"></li>
            <li>时间：<input type="time"></li>
            <li>数量：<input type="number"></li>
            <li>手机号码：<input type="tel"></li>
            <li>搜索：<input type="search"></li>
            <li>颜色：<input type="color"></li>
            <li><input type="submit" value="提交"></li>
        </ul>
    </form>

输出结果.png

如果对你有所帮助，欢迎点赞收藏哦！！