网页中经常需要我们输入只能是数字的各类型input框，那么我们如何在手机浏览中光标在input框中时唤醒只包含数字的软键盘呢？

如图：

从上图可以看出无论是在ISO还是android手机端，都能唤醒只包含数字的软键盘。那么关于该软键盘的唤醒我们要如何处理！

关键点：pattern属性的应用

pattern定义和用法

pattern 属性规定用于验证输入字段的模式。模式指的是正则表达式。

语法使用：

<input pattern="regexp">

属性值：

手机端唤醒数字键盘完整代码：

<input type="number"  pattern="[0-9]*" min='0' name="" value="" />

这里需要注意的是iOS中， 只有 [0-9]\* 才可以调起九宫格数字键盘 
Android 4.4.4以上，只认 type 属性，也就是说，如果上面的代码将 type="number" 改为 type="text" ，将调起全键盘而不会是九宫格数字键盘。

input[type=number]::-webkit-inner-spin-button,  
    input[type=number]::-webkit-outer-spin-button { 
        -webkit-appearance: none; appearance: none; margin: ; 
    }

该css去掉旧版Android（包括微信所用的X5内核）在输入框后面会有超级 鸡肋的小尾巴 ，但Android 4.4.4就不需要该方法处理了！