HTML5中新增加Input 的種類

1. 查詢文本框

   <input type="search">

2. 數字文本框 any 代表不設置

   <input type="number" max="9" min="0" step="any">

3. 滑動條

   <input type="range" max="9" min="0" step="2">

4. 顏色文本框 value 是一個預設顏色，目前只支持16進位的顏色

   <input type="color" value="#ff00ff">

5. 電話號碼文本框

   <input type="tel" required = "required">       

6. 網站文本框

   <input type="url">       

7. 電子郵箱文本框

   <input type="email" name="email"  multiple="multiple">     

下麵這幾個都是時間的選擇器。

1. 選取日、月、年

   <input type="date">

   
   

2. 選取月、年

   <input type="month">    

3. 選取周和年

   <input type="week">    

   
   

4. 選取時間（小時和分鐘）

   <input type="time">    

5. 選取時間、日、月、年（UTC 時間）

   <input type="datetime">         

6. 選取時間、日、月、年（本地時間）

   <input type="datetime-local">   

Search

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>