不用 JavaScript 实现文本框内容字母自动大写

向文本框输入文字时，如何让小写字母自动变为大写呢？很多人想到用 JavaScript，比如：

<input name="t1" type="text" οnkeyup="this.value=this.value.toUpperCase()" />

但这并不好，原因有二：

• 效果不好，我们会看到：先显示小写，再变成大写；
• 如果我用鼠标右键的复制、粘贴，就无法触发事件。

有人说，把 onkeyup 改为 onchange 怎么样？onchange 更糟，因为 onchange 只有在焦点移开的时候才触发。

有人又说，那把 onkeyup 改为 onpropertychange 怎么样？哎，这东西只有 IE 支持。

正确又简单的做法是利用 CSS

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

text-transform 有四个可选：

• none 默认值。无转换发生
• capitalize 将每个单词的第一个字母转换成大写，其余无转换发生
• uppercase 转换成大写
• lowercase 转换成小写

转自：http://www.cftea.com/c/2010/01/PMY5R9XQPMHLW2HV.asp