本文主要是介绍《前端技巧》文本框输入字母变为大写，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
今天遇到了一个需求，在页面的文本框里面输入的字母要自动转换为大写。
随即想到了有一种方法可以将小写变为大写的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 属性控制文本的大小写。该属性的值及其含义如下：
补充一点： 经过测试，该样式代码只能在视觉效果上看到小写变为大写，但是***后台接收到的数据仍然是小写***。因此该功能要根据需求而用。
欢迎关注本人个人公众号，交流更多技术信息
这篇关于《前端技巧》文本框输入字母变为大写的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
