HTML5 input元素類型：email及url介紹_html5教學技巧

在前面的博文,我們已經討論了一些HTML5改進的地方，比如placeholder,prefetching以及webStorage,下面我要介紹的是兩個新的input元素類型: email和url。讓我們跟著程式碼來看看他們的好處：

語法格式：
新的input type屬性，將使用email 或url 來取代text:

複製程式碼

程式碼如下:

使用HTML5所特有的pattern屬性域，你可以提供一個正規表示式來驗證email和url位址的格式，我們將在另一篇文章討論這個話題。

優點
- 可以自訂特殊的css樣式，input[type=email]
- 可以客製化特殊的css樣式，input[type=url]
- 可以做更多的語意定義
- 行動應用程式適配性：行動瀏覽器將會為email和url彈出特殊的鍵盤，不用使用者手動切換。

最初我很反感添加多餘的input type，但深入思考後我覺得對於提高用戶體驗是一個很好的舉措，你認為呢？