在HTML5中input元素新增了一些类型，有email郵件类型、number数字类型、range数字滑动条、url地址类型、date日期类型及search搜索类型下面我们来逐个介绍一下它们。

跟文本框类似但它只接受符合email邮件格式的字符串，当表单提交时会自动检测若不合法，则会给出提示

跟文本框类似，它只接受数字类型的值表单提交时会自动检测，若不合法则会给出提示。

它展现出来是一个可以拖拉的滑动条包含一定的数字范围，如：

当拖动滑动塊时它的value值会在1到10之间变化。

跟文本框类似它只接受网址类型的值，表单提交时会自动检测若不合法，则会给出提示

当此类表单成为焦点时，会自动弹出日历或者是调节按钮但其样式会由于浏览器内核的不同而不同，此类型有一系列的只可选：
date：选取日、月、年
month：选取月、年
time：选取时间（小时和分钟）
datetime：选取时间、日、月、年为UTC时间
datetime-local：选取时间、日、月、年，为本地时间

其它的只需更妀type值就可以了就不一一列举了。

跟文本框类似它可以接受任意的值作为关键字，我们可以通过value获取这些关键字