改變手機瀏覽器(iPhone/Android)上文本輸入框的默認彈出鍵盤(數字)

iPhone/iPad和Android提供不同的的鍵盤輸入類型，觸發合適的鍵盤將極大地改善用戶體驗。

鍵盤類型

默認: 默認鍵盤的字母模式

數字: 默認鍵盤的數字模式，（含小數點等）

郵件： 與默認基本相同，含'@'等郵件字符

網站： 同樣，含一些網址字符

電話： 純數字鍵盤

使用一些Html5觸發鍵盤

默認類型為text

<input type="text">

郵箱和網址為

<input type="email">
<input type="url">

數字類型則有兩種：

專門輸入手機號的純數字模式

<input type="tel">

可輸入小數點，百分號的數字模式

<input type="number">

正定義輸入規則

HTML5還允許通過正則表達式自定義輸入的字符

如這兩者的效果是一樣的

<input type="text" pattern="[0-9]*">
<input type="text" pattern="d*">