HTML5 Input標籤

HTML5 新的 Input 類型

HTML5 擁有多的表單輸入類型。這些新特性提供了更好的控制和驗證。
目前主流瀏覽器都可使用，但IE8以下無法使用。

1. email

在送出表單時，會自動驗證 email 的值。

2. url

在送出表單時，會自動驗證 url 的值。

3. number

在表單中只能夠輸入數字。

另外可以配合 min 、max 、step 、value

屬性	值	描述
min	number	最小值
max	number	最大值
step	number	規定合法數字區間(如：step=2 value=2、4、6、8...)
value	number	規定數字

4. range

輸入包含一定範圍內的數字，只是顯示為滑動條。
同樣可輸入屬性同 number 。

5. Date Pickers(日期選擇器)

產生日期選擇器。

類型	描述
date	選取日、月、年
month	選取月、年
week	選取週、年
time	選取時間
datetime-local	選取時間、日、月、年(本地)

下面有代碼和展示效果