zoukankan      html  css  js  c++  java
  • input输入自动大写

    方法1:使用JS

    <input name="text" type="text" onkeyup="this.value=this.value.toUpperCase()" />

    方法2:使用CSS

    <input name="t1" type="text" style="text-transform:uppercase;" />

    text-transform的取值有4个:

    1. none:默认值,不会发生任何转换
    2. capitalize:每个单词的首字母大写。
    3. uppercase:大写转换。
    4. lowercase:小写转换。

    两者区别:

    • 区别1:用户体验

    方法1(JS)方法在使用时,会给用户一种转换感,用户体验不如第二种方法。

    • 区别2:value是否大写

    方法1(JS)方法可以将页面的text值及value值均修改为大写,而第二种方法只能讲显示的修改为大写(其本质是CSS),因此需要转为大写的,仍然需要在后台将转为大写。

    建议

    在界面中使用方法二,传给后台时,再进行大写转换。

  • 相关阅读:
    term "JavaScript"
    Pro Git
    Pro Git
    Pro Git
    git
    flask
    OJ
    [蓝桥杯]Huffuman树
    priority_queue优先队列
    [蓝桥杯]高精度加法
  • 原文地址:https://www.cnblogs.com/GaoX/p/6479743.html
Copyright © 2011-2022 走看看