持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第决14天
1，邮箱标签
<input type="email" name="email">
新增的邮箱标签不仅有了语义，而且当我们输入的邮箱格式不对时，系统会识别到，并给出提示，提交的邮箱信息后台也不会通过，下面通过这张两图就能看出新的邮箱标签所带来的好处：
从以上的两张图，我们就可以看出新增的邮箱标签语义更明显，识别度更高，严谨性也更强了，只要输入邮箱的格式不对，系统不仅会给出提示，提交的表单信息后台也不会通过。
2.网址标签
<input type="url" name="urlname">新增的网址标签不仅有了语义，而且当我们输入的网址格式不对时，系统会识别到，并给出提示，提交的网址信息后台也不会通过，下面通过这张两图就能看出新的网址标签所带来的好出：
从以上的两张图，我们就可以看出新增的网址标签语义更明显，识别度更高，严谨性也更强了，只要输入网址的格式不对，系统不仅会给出提示，提交的表单信息后台也不会通过。
3，颜色标签
<input type="color" name="color">
新增的颜色标签对于我们用表单收集用户信息又增加了一些数据。
4，数字标签
<input type="number" name="number" min="1" max="10" step="1">
以上代码中的number属性是数字的意思，min是最小值，max是最大值，step值是数字的滚动个数。
5，进度条标签
range是范围的意思，，min是最小值，max是最大值，step值是以数字单位来滑动进度，value值是初始值。
6，时间标签
新增的时间标签有好几种，让我们一起来看下 1，date：可选择年，月，日
2，mouth:可选择年，月，
3，week:可选择周，年
4，time：可选择小时，分钟
5，datetime:格林威治时间也称世界时
6，datetime-local：本地时间
