同時保證 ios端 和安卓端input輸入框調取的都是數字鍵盤

有關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效果如下:


 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章