下面内容小编就为大家带来一篇讲到input自动转大写,input把输入框转成大写,验证码自动换成大写。小编觉得挺不错的,现在就分享给大家,如果你在找js自动转大写,text-transform首字母大写,text-transform小写,也可以做个借鉴。一起跟随小编过来看看吧。
input自动转大写,input把输入框转成大写,验证码自动换成大写
作者:微信小程序培训师 发布时间:2019-11-27
做开发时,
为了有好的体验,
用户在输入验证码时,
通常在前端的input中自动把输入的内容转成大写,
可以使用下面两种方法:
1) css样式自动转成大写
<input type="text" style="text-transform:uppercase"/>
随便扩展一下text-transform知识,
text-transform:lowercase
表示转成小写
text-transform:capitalize
表示首字母大写
2) 通过js的onkeyup事件转换大写
<input type="text" onkeyup="this.value = this.value.toUpperCase();">
一般的验证码长度都是4-6位,
如果使用js方法,
还可以只保留用户输入验证码的长度
<input type="text" onkeyup="this.value = this.value.substring(0, 4).toUpperCase();">
上面表示只保留用户输入的前4位,
如果你要保留前6位,
把substring(0, 4)中的4改为6就行。
猛击这里,
观看子恒老师《微信小程序支付开发》系列视频
了解实现过程和下载相关源代码
声明:部分文章或图片未能及时与原作者取得联系,若来源标注错误或侵犯到您的权益烦请告知QQ:2334512685,我们会及时删除。
发布:秦子恒博客,欢迎转载分享,请保留出处。
input自动转大写,input把输入框转成大写,验证码自动换成大写链接:https://www.qinziheng.com/details/8817/
input自动转大写,input把输入框转成大写,验证码自动换成大写相关文章