HTML文本框录入字母自动大写

向文本框输入文字时，如何让小写字母自动变为大写呢？有一个简单有效的做法是用CSS。

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

text-transform 有四个可选：
none 默认值。无转换发生
capitalize 将每个单词的第一个字母转换成大写，其余无转换发生
uppercase 转换成大写
lowercase 转换成小写