HTML 5新增表单类型

●email类型:
该类型会自动要求输入的地址格式正确，否则浏览器不允许提交，并且有一个错误的信息提示
email类型的文本框具有一个multiple属性，该属性允许在文本框中输入使用逗号分隔有效的E-mail地址的一个列表。

●url类型:

url类型：
是用来专门输入url地址的输入框，例如百度地址和谷歌地址。

●number类型:

是用来专门输入数字的文本框，在提交时会检测其中内容是否为数字。
number类型的属性：
max 指定输入框可以接受的最大的输入值
min 指定输入框可以接受的最小的输入值
step 输入域合法的间隔，如果不设置，默认为1
value 指定默认显示的数值

●range类型:
只允许输入一段范围内数值的文本框。以滑动条的形式展示数字，通过拖动滑块实现数字的改变。
range类型的属性：
max 指定输入框可以接受的最大的输入值
min 指定输入框可以接受的最小的输入值
step 输入域合法的间隔，如果不设置，默认为1
value 指定默认显示的数值

●tel类型:

用来输入电话号码的专用文本框。tel类型的文本框通常用来验证固定的电话和手机号码。如果只将input元素的类型
设置为tel,并不会达到验证电话的效果，它必须和pattern属性一起使用。

●color类型:

用来选取颜色的，它提供一个颜色选取器用来选取。

●search类型

search类型是一种专门用来输入搜索关键词的文本框.
不同于普通类型的文本框在于，当用户开始输入时，输入框的右边会出现一个用于清除内容的图标，单机可以快速清除。

●新增日期与时间类型：

HTML5新增6个日期类型：date、time、datetime、datatime-local、month、week

●date类型:

以日历的形式方便用户输入

●time类型:

是一种专门用来输入时间的文本框，并且在提交时会对输入时间的有效性进行检查 -->

●datetime类型:

是一种专门用来输入UTC日期和时间的文本框，它不仅可以显示年月日，还可以显示具体时间。
设置datetime类型完成后，在提交时会对用户输入或选择的日期和时间进行有效性检测。

●datetime-local类型:

datetime-local类型：是用来专门输入本地日期和时间的文本框，并且在提交时会进行检测。

●month类型:

专门用来输入月份的文本框，提交时会进行检查

●week类型:

是一种专门用来输入周的文本框，并且在提交会进行检查

 <form action="">
  
    email: <input type="email">
 
    url:<input type="url">
     
    number: <input type="number">
      
    range: <input type="range">
       
    tel: <input type="tel"pattern="^\d{3}-\d{8}|\d{4}-\d{7}$">
    
    color: <input type="color">
 
     search：<input type="search">
 
     date：<input type="date">
   
     time：<input type="time">
    
    datetime：<input type="datetime">
   
    datetime-loacl: <input type="datetime-local">
 
     month: <input type="month">
     
     week: <input type="week" name="" id="">
    <input type="submit">
    </form>