input输入框输入大小写字母自动转换

Posted 2020-11-02 小鬼PSer

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

1.用js onkeyup事件，即时把字母转换为大写字母：

html里input加上

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

js写函数

1 function toUpperCase(obj)
2  {
3  obj.value = obj.value.toUpperCase()
4  }

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

加css

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

转换不同元素中的文本：

h1 {text-transform:uppercase;}
h2 {text-transform:capitalize;}
p {text-transform:lowercase;}