type="range" ：滑动条
说明：以滑动条的形式表示数值。
属性：max表示数值最大值；min表示数值最小值。
示例：
<input type="range" max="100" min="0" value="80" />
type="search" ：搜索框
说明：在Chrome中搜索框没内容时就像普通的文本输入框，当有内容时右边有个’x’符号，用以清除文本内容。
示例
<input type="search" />
type="tel" ：电话号码输入框
说明：电话号码的格式非常多，可包含数字、横线、括号等。浏览器并没有制定电话号码格式，只是在移动端浏览器使用时默认显示数字键盘。
示例：
<input type="tel" />type="time" ：时间控件
说明：显示一个时间控件，提供时间的选择或自行输入。
属性：
value {string} ：设置或获取时间控件的值，值的格式要为："HH:mm",、"HH:mm:ss" 或 "HH:mm:ss.SSS"。
示例：
<input type="time" value="12:30" />
type="url" ：网址输入框
说明：输入的网址要加上协议前缀；如http://、https:// 等。
示例：
<input type="url" />
type="week" ：周数控件
说明：显示一个可选择年数、周数的日历控件。
属性：
value {string} ：设置或获取周数控件的值，值的格式要为："yyyy-Www"。(格式中的W字符不能省略，并且ww周数要为2位数)
示例：
<input type="week" value="2016-W01"/>
