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在前端就可以实现,记下来。

 

你可能感兴趣的:(transform)