文章內容大部分都引用於W3C，僅供筆者自己使用參考。

1.input標籤新增type值以及瀏覽器支援情況

---

2.新增type值中常用的

2.1 Input 型別 - email

email 型別用於應該包含 e-mail 地址的輸入域。

在提交表單時，會自動驗證 email 域的值。

備註：預設email只做了@匹配，對於長度，com,cn, [ . ]等都沒做處理

如下圖所示

例項

E-mail: <input type="email" name="user_email" />

---

2.2 Input 型別 - Date Pickers（日期選擇器）

HTML5 擁有多個可供選取日期和時間的新輸入型別：

date - 選取日、月、年
month - 選取月、年
week - 選取周和年
time - 選取時間（小時和分鐘）
datetime - 選取時間、日、月、年（UTC 時間）
datetime-local - 選取時間、日、月、年（本地時間）
下面的例子允許您從日曆中選取一個日期：

使用場景：生日、入職日期、看病日期記錄、日記等等

type為date時檢視

例項

Date: <input type="date" name="user_date" />

---

2.3 Input 型別 - search

search 型別用於搜尋域，比如站點搜尋或 Google 搜尋。

search 域顯示為常規的文字域。

例項

Date: <input type="search" name="user_date" />