07
2020
02

文本输入框input text输入小写字母自动转成大写

input输入框输入小写字母自动转换成大写字母有两种方法

(1) 用js onkeyup事件,即时把字母转换为大写字母:

html里input加上

 <input type="text" id="txt1" value="" onkeyup="toUpperCase(this)"/>

 js写函数

function toUpperCase(obj)
 {
 obj.value = obj.value.toUpperCase()
 }

这种方法虽然可以,但是输入汉字的时候会受到干扰,还有一种更好的方法

(2) 加css

 <input type="text" id="txt1" value="" style="text-transform:uppercase"/>

区别:

使用JavaScript会给用户一种转换感,使用CSS是把输入的字母显示为大写。所以从用户体验来说,使用css会更好!不过使用css的话,需要在后台进行大写转换操作。

原文链接:https://www.qiquanji.com/post/7116.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

gzh

微信扫码关注

更新实时通知

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。