文章內容大部分都引用于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" />

總結

以上是生活随笔為你收集整理的HTML5--表单标签input新增type值的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。