ios下input框 数字键盘问题

做h5页面的时候，<input type='number' />在安卓下能正常调起九宫格的数字键盘，如图

但在iOS下却失效调起的是拼音键盘。如何在ios下调起数字键盘呢？有两种方法：

法一：<input type='tel' /> 安卓还是如上图，IOS效果图如下（纯数字不含小数点）：

法二：<input type='number' pattern="[0-9]*"/> 安卓效果不变，IOS效果如下：