投稿

移动端input默认调用数字键盘

Vedu • • 程序开发 • 阅读 1290

默认调用数字键盘是很多项目中常见的需求，但是如何处理却是一个不大不小的坑。

当我拿到这个需求的时候第一反应就是

<input type="number">

拿起我的大苹果，恩~~很完美。

不过安卓缺给了我一记狠狠的耳光，在安卓手机上，我们会看到input右侧有两个白点一样的小按钮，不过想想也可以理解，毕竟input number在pc端上本身就是有相关控件的。

好吧，我们换一个思路，电话号码必定是数字，而且没有相关控件

<input type="tel">

赶紧看看安卓，恩~~很完美。

不过大苹果又开始打我脸了，这种方式调出的数字键盘类似于拨号键盘，是不可以输入除了-、#、*以外的符号的，当然，你如果只需要输入整数，那么到这里就可以结束了，如果你需要输入小数，那么我们在继续下去。

input tel的不可行，让我把目光重新投回了input number身上，通过查找相关资料，我发现了这么一套css属性

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

这样input number的相关控件就消失了，真正的完美了。

内容出处：，

声明：本网站所收集的部分公开资料来源于互联网，转载的目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。如果您发现网站上有侵犯您的知识产权的作品，请与我们取得联系，我们会及时修改或删除。文章链接：http://www.yixao.com/procedure/548.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
VeduVedu
0 0
上一篇 2016-09-16 12:12
下一篇 2016-09-18 22:22

相关推荐

发表评论

登录后才能评论