请珍惜小编劳动成果，该文章为小编原创，转载请注明出处。
今天正式开始学习html5了，相比html以前的版本，html5新增了好多功能，属性，使我们做出来的界面更加的绚丽，而且使用起来超级简单，这篇文章先来说说html增加的那些input类型和属性。
这些代码是在猎豹浏览器下实现的。
html5新增的input类型有：email,url,number,range,date pickers,datalist,telephone,search,color
email:提交时会自动验证输入的内容是否满足格式
url:提交时会自动验证输入内容是否为url
number:用于输入数字，其中min为最小值，max为最大值，step为点击箭头是数字的变化量，value为默认值，min,max，step,value均可不写
range:用于应该包含一定范围内数字值的输入域,显示为滑动条
date pickers:有date,month,week,time,datetime,datetime-local这几种类型，
date--选取年月日，month---选取年月，week---选取年周，time--选取小时和分钟，datetime--选取年月日时间，datetime-local--选取本地时间
这里给一个datetime-local的截图
datalist:相当于下拉列表，有自动补充功能
color:颜色选择器
还有两个类型是telephone和search，由于我使用时看不出效果来，就不在这里写了，大家自己试试。
版权声明：本文为博主原创文章，未经博主允许不得转载。