HTML5中新增加Input 的种类

  1. 查询文本框
<input type="search">
  1. 数字文本框 any 代表不设置
<input type="number" max="9" min="0" step="any">
  1. 滑动条
<input type="range" max="9" min="0" step="2">
  1. 颜色文本框 value 是一个默认颜色,目前只支持16进制的颜色
<input type="color" value="#ff00ff">
  1. 电话号码文本框
<input type="tel" required = "required">       
  1. 网站文本框
<input type="url">       
  1. 电子邮箱文本框
<input type="email" name="email"  multiple="multiple">     

下面这几个都是时间的选择器。
8. 选取日、月、年

<input type="date">
9. 选取月、年 ```sh ```
  1. 选取周和年
<input type="week">    
11. 选取时间(小时和分钟) ```sh ```
  1. 选取时间、日、月、年(UTC 时间)
<input type="datetime">         
  1. 选取时间、日、月、年(本地时间)
<input type="datetime-local">   

Search类型的input元素是一种专门用来输入搜索关键词的文本框的文本框

<input type="search" list="searchlist" autocomplete="on" />  
<datalist id="searchlist">  
<option value="http://www.cnblogs.com" label="博客园" />  
<option value="http://www.baidu.com/hihell" label="百度" />  
</datalist> 
posted @ 2016-04-27 15:48  害羞熊5  阅读(472)  评论(2编辑  收藏  举报