移动端点击input输入框弹出数字键盘

移动端点击input输入框弹出数字键盘7e1无知

主要用到的是type属性，pattern属性是一个正则表达式，用于对输入的内容及格式进行限制，示例中的pattern没有考虑到小数点及区号与电话号码中间的横线（减号）问题7e1无知

7e1无知

1、把input输入框的格式改为number就可以弹出数字键盘7e1无知

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

2、这样调用出无*#的纯数字键盘7e1无知

<input placeholder="输入数字" type="text" pattern="[0-9]*" type='tel'>

3、这样调用出有*#的纯数字键盘7e1无知

<input placeholder="输入数字" type="text" pattern="\d*" type='tel'>

7e1无知

本文由 微wx笑 创作，采用 署名-非商业性使用-相同方式共享 4.0 许可协议，转载请附上原文出处链接及本声明。
原文链接：https://www.ivu4e.cn/blog/front/2022-07-11/1301.html

很赞哦！ () 赏 有话说 ()