分享主题:linux,nginx,php,mysql

input自动转大写,input把输入框转成大写,验证码自动换成大写

javascript adminqaz 43℃ 0评论 现在加入小程序俱乐部QQ群:483987340

做开发时,
为了有好的体验,
用户在输入验证码时,
通常在前端的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就行。

猛击这里
观看子恒老师《微信小程序支付开发》系列视频
了解实现过程和下载相关源代码

秦子恒公众号

来源:秦子恒博客,欢迎转载分享,请保留出处

input自动转大写,input把输入框转成大写,验证码自动换成大写链接:https://www.qinziheng.com/javascript/8817.htm

现在就加入微信开发QQ群2:483987340,跟同行探讨微信公众平台开发。群满就关闭,你得等到下一个群开通才能加入……

喜欢 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址