欢迎访问 生活随笔!

ag凯发k8国际

当前位置: ag凯发k8国际 > 前端技术 > html >内容正文

html

html加减中间的值不能修改,在移动html5页面input类型采用number无法控制长度,以及右边显示难看的加减按钮... -ag凯发k8国际

发布时间:2024/10/12 html 25 豆豆
ag凯发k8国际 收集整理的这篇文章主要介绍了 html加减中间的值不能修改,在移动html5页面input类型采用number无法控制长度,以及右边显示难看的加减按钮... 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

场景:

这是之前做的移动web控件时遇到的问题。当时在我们控件的html5页面需要输入卡号、cv2、手机号、验证码等信息。大家都知道这些值都是数字。普通类型的输入框,当我

们点击时,手机默认掉起的键盘中只有字母和符号,而我们这里只需要输入数字,我们只有切换一下才是数字键盘。后来我们采用了number类型的输入框,虽然能吊起手机的数字

键盘,但是在有些手机上面会显示增加和减少按钮,同时有的手机还不支持比如锤子手机,最主要的是不能限制输入的长度。

后来在我们这个控件下个版本中,我们对html5各种类型的输入框进行了测试,终于找到了下面类型的输入框,满足我们的要求。

解决方法:

把输入框的type由number改为tel,不仅能够限制输入字符串的长度的限制,同时能够掉起手机的数字键盘,而且不会出现number类型那种难看的样式。

以上就是 在移动html5页面input类型采用number无法控制长度,以及右边显示难看的加减按钮的内容,更多相关内容请关注php中文网(www.php.cn)!

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

总结

以上是ag凯发k8国际为你收集整理的html加减中间的值不能修改,在移动html5页面input类型采用number无法控制长度,以及右边显示难看的加减按钮...的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得ag凯发k8国际网站内容还不错,欢迎将ag凯发k8国际推荐给好友。

网站地图