《前端技巧》文本框输入字母变为大写

今天遇到了一个需求，在页面的文本框里面输入的字母要自动转换为大写。
随即想到了有一种方法可以将小写变为大写的js代码，页面显示效果如下。

---

不过后来发现了一个更加强大的功能，那就是css里面竟然后这个样式，让input文本框里面只允许大写字母。

style="text-transform:uppercase;"

项目中的代码如下：

	<input class="input-text" name="Inf.idNo" id="id_number" type="text" maxlength="18" style="text-transform:uppercase;">

---

这一段强大的css代码，只要你往文本框输入字母，会自动变为大写(你根本看不到小写字母的存在，哪怕是一闪而过。)

额外补充：
关于***text-transform*** 属性，这里做一个额外补充:

---

text-transform 属性控制文本的大小写。该属性的值及其含义如下：

补充一点： 经过测试，该样式代码只能在视觉效果上看到小写变为大写，但是***后台接收到的数据仍然是小写***。因此该功能要根据需求而用。

欢迎关注本人个人公众号，交流更多技术信息