HTML⽂本框录⼊字母⾃动⼤写
html内容文本框今天在项⽬中遇到了这样⼀个问题，让输⼊时在输⼊框显⽰⼤写，于是就百度了⼀下，顺便总结⼀下。
在HTML中将输⼊的字母转变为⼤写，⽅法有两个：
⽅法1：使⽤JS。
在html标签中添加onkeyup⽅法，使⽤JS将字符转为⼤写。
[javascript]
01. <input name="text" type="text"οnkeyup="this.value=UpperCase()" />
⽅法2：使⽤CSS。
通过在标签中使⽤CSS。例如：
[html]
01. <input name="t1"type="text"/>
通过这个CSS，就可以将字母转变为⼤写。
text-transform的取值有4个：
1. none：默认值，不会发⽣任何转换
2. capitalize：每个单词的⾸字母⼤写。
3. uppercase：⼤写转换。
4. lowercase：⼩写转换。
两者的区别：
区别1：⽤户体验
⽅法1（JS）⽅法在使⽤时，会给⽤户⼀种转换感，⽤户体验不如第⼆种⽅法。
区别2：value是否⼤写
⽅法1（JS）⽅法可以将页⾯的text值及value值均修改为⼤写，⽽第⼆种⽅法只能讲显⽰的修改为⼤写（其本质是CSS），因此需要转为⼤写的，仍然需要在后台将转为⼤写。
建议
在界⾯中使⽤⽅法⼆，传给后台时，再进⾏⼤写转换。
text-transform 属性控制⽂本的⼤⼩写。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。