同时保证 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效果如下：