在HTML4等早期版本中，input元素已经有了一些type类型，type可取的值有下面这些：
text文本类型：
password密码类型：
radio 单选类型：选项
checkbox 多选类型：选项
file 文件类型：
submit 提交按钮：
reset重置按钮：
button定义按钮：
image 定义图片按钮：
hidden定义隐藏域：
在HTML5中，input元素新增了一些类型，有email邮件类型、number数字类型、range数字滑动条、url地址类型、date日期类型及search搜索类型。下面我们来逐个介绍一下它们。
1、email邮件类型
跟文本框类似，但它只接受符合email邮件格式的字符串，当表单提交时会自动检测，若不合法，则会给出提示。
html代码如下：
2、number数字类型
跟文本框类似，它只接受数字类型的值，表单提交时会自动检测，若不合法，则会给出提示。
html代码如下：
3、range数字滑动条
它展现出来是一个可以拖拉的滑动条，包含一定的数字范围，如：
当拖动滑动块时，它的value值会在1到10之间变化。
4、url地址类型
跟文本框类似，它只接受网址类型的值(需要带http://)，表单提交时会自动检测，若不合法，则会给出提示。
html代码如下：
5、date日期类型
当此类表单成为焦点时，会自动弹出日历或者是调节按钮，但其样式会由于浏览器内核的不同而不同，此类型有一系列的只可选：
date：选取日、月、年
month：选取月、年
week：选取周、年
time：选取时间(小时和分钟)
datetime：选取时间、日、月、年，为UTC时间
datetime-local：选取时间、日、月、年，为本地时间
html代码如下：
其它的只需更改type值就可以了，就不一一列举了。
6、search搜索类型
跟文本框类似，它可以接受任意的值作为关键字，我们可以通过value获取这些关键字。
html代码如下：
好了，关于表单input新增的类型就简单地介绍到这里了，但仅仅是这些类型目前也起不到太大的作用，我们还需要把它们和js结合，这样才能发挥它们的优势，当然，这也受低版本浏览器的制约，只能期待浏览器的进步了。
