有關android及ios手機 中 input 調出數字鍵盤 只需要添加 type="number" pattern="[0-9]*" 屬性。
<label>輸入框:</label> <input type="number" name="" pattern="[0-9]*" class="shuru">
做h5頁面的時候,<input type='number' />在安卓下能正常調起九宮格的數字鍵盤,如圖
但在iOS下卻失效調起的是拼音鍵盤。如何在ios下調起數字鍵盤呢?有兩種方法:
法一:<input type='tel' /> 安卓還是如上圖,IOS效果圖如下(純數字不含小數點):
法二:<input type='number' pattern="[0-9]*"/> 安卓效果不變,IOS效果如下: