大幅度增加和改良了input元素的种类

对于不支持新增input元素的浏览器来说，统一将这些input元素视为text类型

1.url类型

是一种专门用来输入url地址的文本框，提交的时候如果这个文本框的内容不是url地质格式的文字，则不允许提交

<input  name="url1" type="url" value="http://www.microsoft.com">

2.email类型

专门用来输入email地址的文本框，提交的时候如果该文本框中的内容不是email地址格式的文字则不允许提交，但是他不检查email地址是否存在，提交的时候这个

文本框可以为空，除非加上了required属性

email类型的文本框具有一个multiple属性，它允许可以在该文本框中输入一串以逗号分隔的email地址

<input  name="email" type="email" value="11ingma2005@yahoo.com.cn">

3.date类型

date类型的input元素以日历的形式方便用户输入，date类型的input元素的使用方法如下

<input type="date1" name="date1" value="2010-10-02">

4.time类型

time类型的input元素是一种专门用来输入时间的文本框，并且在提交的时候会对输入时间的有效性进行检查

<input type="time" name="time1" value="10:00">

5.datetime类型

datetime类型的input元素是一种专门用来输入UTC日期和时间的文本框，并且在提交的时候会对输入的日期和时间就你行有效性检查，datetime类型的input元素

的使用方法

<input type="datetime" name="datetime1">

6.datetime-local类型

6.datetime-local类型
datetime-local类型的input元素是一种专门用来输入本地日期和时间的文本框，并且在提交的时候会对输入的时间和日期进行有效性检查

7.month类型

month类型的input元素是一种专门用来输入月份的文本框，并且在提交的时候会对输入的月份的有效性进行检查

<input  name="month1" type="month" value="2010-10">

8.week类型

week类型的input元素是一种专门用来输入周号的文本框，并且在提交的时候会对输入的周号的有效性进行检查，可能是一个简单的输入文本框，允许用户输入一个数字，也可能更复杂更精确，格式类似于“2010-w07”

<input type="week" name="week1" value="2010-w-W40">

9.number类型

number类型的input元素是一种专门用来输入数字的文本框，并且在提交的时候会检查其中的内容是否为数字，具有min,max,step属性

<input type="number" name="number1" value="25" min="10" max="100" step="5">v

10.range类型

range类型的input元素是一种只允许输入一段范围内数值的文本框，它具有min,max属性，可以设定最大值，最小值，还具有step属性，可以指定每次拖动的步幅

11. search类型

搜索关键词的文本框，search类型和text类型仅仅在外观上有区别

input[type="search"]{-webkit-appearance:textfield;}

12.tel类型

输入电话号码的专用文本框，没有特殊的校验规则，不强制输入数字，但是开发者可以通过pattern属性来指定对于输入的电话号码格式的验证

13.color类型

color类型的input元素用来选取颜色，它提供了一个颜色选择器