input将输入转换为统一大小写

1. JS方式，通过监控key事件来做到。 
key事件有三种

• keydown event
• keypress event
• keyup event

<input name="htmer" type="text" onkeyup="this.value=this.value.toUpperCase()" />

注：采用js方式还是会有转换过程的体现。如输入a，会先显示a然后触发keyup事件后，将a转换为A 
2. CSS通过设置input输入框的style来实现。  本人在vue中使用没发现效果.

• text-transform: uppercase /转为大写/
• text-transform: lowercase /转为小写/
• text-transform: capitalize /单词首字母转为大写/ 
  使用样例：

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

 

 

 

转自 https://blog.csdn.net/yieryi_/article/details/52078596