html中input框怎么能设置为只能输入数字,设置type=number时,右边会出现上下按键

html中input框怎么能设置为只能输入数字,设置type=number时,右边会出现上下按键,第1张

可以设置成type="tel",可输入数字又没有上下箭头

添加css进行样式控制

input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button{

-webkit-appearance: none

margin: 0

}

input[type="number"]{-moz-appearance:textfield}

移动开发不同手机d出数字键盘问题 最近在做手机页面时,遇到数字输入的键盘的问题,之前的做法只是一刀切的使用 type="tel",不过一直觉得九宫格的电话号码键盘上的英文字母太碍事了。于是想要尝试其它的实现方案,最终的结论却令人沮丧。不过也趁机详细了解了下pattern这个属性。 type="tel" 和 type="number" 的区别

这里还是先那么先交代一下最初遇到的问题。其实无论是tel还是number都不是完美的:

type="tel"


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/6139369.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存