本文主要是介绍同时保证 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效果如下:
这篇关于同时保证 ios端 和安卓端input输入框调取的都是数字键盘的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!