input输入英文自动转换为大写的方法

1,671 阅读1分钟

大小写转换样例:


<input name="htmer" type="text" onkeyup="this.value=this.value.toUpperCase()" /> 
  1. 采用js方式还是会有转换过程的体现。如输入a,会先显示a然后触发keyup事件后,将a转换为A

  2. CSS通过设置input输入框的style来实现。

text-transform: uppercase /转为大写/

text-transform: lowercase /转为小写/

text-transform: capitalize /单词首字母转为大写/

使用样例:

<input type="text" style="*********; text-transform: uppercase;" name="textfield" />