html5的表單元素

html5多了不少新的表單的功能，以前只能用text去表達所有的狀態，現在你可以指定他是數字或網址，甚至是日期也可以，只要設一下type就可以了。

不過在大多的瀏覽器看起來都還是一樣的，只有opera會長的不大一樣。
一般瀏覽器長這樣。

opera上會長這樣。


新的type類型有以下幾種：
type="tel" :輸入電話
type="url" :輸入網址格式
type="email" :輸入mail格式
type="number" :輸入數字
type="datetime" :日期
type="date"
date跟datetime雖然都是日期，不過在opera長相會有些不一樣，有興趣的可以自己試試看。


另外更大的不同是如果type指定是數字或電話，在智慧型手機裡會跳出的鍵盤會是只有數字的鍵盤，有智慧型手機的可以來這邊看看效果。

http://www.wingzero.tw/html5/form.html