h5 input调起数字键盘

八佾舞于庭

于 2018-11-09 09:39:40 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： html 文章标签： ios android input html5

本文链接：https://blog.youkuaiyun.com/D_claus/article/details/83892712

html 专栏收录该内容

10 篇文章

订阅专栏

本文探讨了在iOS和Android平台上，如何通过设置input标签的type属性为number以及使用特定的pattern来调用九宫格数字键盘。在iOS中，仅[0-9]*能调用九宫格键盘，而在Android上，type=number和两种pattern均可实现。此外，文章还提供了取消number输入框小尾巴的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ios:

type="number" 调起的数字键盘不是九宫格

iOS中，只有[0-9]\*才可以调起九宫格数字键盘，\d 无效

android:

type="number"以及下面两种都能调起九宫数字键盘

<input type="number" pattern="\d">

<input type="number" pattern="[0-9]*">

number出现的小尾巴可以如下取消：

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