h5 input调起数字键盘

最新推荐文章于 2023-10-20 17:13:52 发布

原创最新推荐文章于 2023-10-20 17:13:52 发布 · 2.2k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#ios android #input #html5

html 专栏收录该内容

10 篇文章

订阅专栏

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

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; 
    }