2011年7月1日 星期五

html5的表單元素

269824_2125752913190_7888969_n

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

不過在大多的瀏覽器看起來都還是一樣的,只有opera會長的不大一樣。
一般瀏覽器長這樣。
268757_2125739312850_5779419_n
opera上會長這樣。
260225_2125739432853_3636482_n

新的type類型有以下幾種:
type="tel" :輸入電話
type="url" :輸入網址格式
type="email" :輸入mail格式
type="number" :輸入數字
type="datetime" :日期
type="date"

date跟datetime雖然都是日期,不過在opera長相會有些不一樣,有興趣的可以自己試試看。
263024_2125746273024_4868555_n

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

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

0 意見:

Related Posts Plugin for WordPress, Blogger...