文本输入框input实现字母大小写转换

文本输入框input实现字母大小写转换，方法有两种：

1.通过js的onkeyup实现字母大小写转换

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

此方法会在页面上有转换过程的显示。

2.通过css控制input显示的大小写转换

使用text-transform实现大小写转换：

• text-transform:none;默认值，不转换
• text-transform:uppercase;字母转换大写
• text-transform:lowercase;字母转换小写
• text-transform:capitalize;首字母大写

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

此方法并不会把input的value转换成大小写，后台保存仍需要做大小写的转换。