CSS text-transform实现首个或全部字母大写或小写

 

 

css text-transform属性语法

text-transform: none | capitalize | uppercase | lowercase

text-transform参数解释：
none : 默认无转换发生
capitalize : 将文章中出现每个单词或拼音的第一个字母转换成大写，其余无转换发生
uppercase : 将文章中所有英文单词拼音字母转换成大写
lowercase : 将文章中所有英文单词拼音字母转换成小写

<input name="plain_img_code" type="text"  maxlength="4" class="channel"  style="text-transform:uppercase;" />

上面的例子：无论用户在输入框中输入的是大写或者小写，都会转化为大写。

这个很有用，以前都是用php中的strtoup或者strtolower转换，想不到css在前端就可以实现，记下来。