zoukankan      html  css  js  c++  java
  • input输入框输入大小写字母自动转换

    input输入框输入小写字母自动转换成大写字母有两种方法

    1.用js onkeyup事件,即时把字母转换为大写字母:

    html里input加上

     <input type="text" id="txt1" value="" onkeyup="toUpperCase(this)"/>

    js写函数

    1 function toUpperCase(obj)
    2  {
    3  obj.value = obj.value.toUpperCase()
    4  }

    这种方法虽然可以,但是输入汉字的时候会受到干扰,还有一种更好的方法

    加css

     <input type="text" id="txt1" value="" style="text-transform:uppercase"/>

    转换不同元素中的文本:

    h1 {text-transform:uppercase;}
    h2 {text-transform:capitalize;}
    p {text-transform:lowercase;}

    屏蔽中文和空格:onkeyup="value=value.replace(/[^w./]/ig,'')"

    1 <input  name="username" type="text" value="" placeholder="数字字母组合" onkeyup="value=value.replace(/[^w./]/ig,'')" style="text-transform:lowercase;"/>
  • 相关阅读:
    mongodb(2)
    mongodb(1)
    分片集群
    副本集 集群
    java连接腾讯云上的redis
    maven打包
    生成ftp文件的目录树
    从ftp获取文件并生成压缩包
    android 连续点击退出程序
    Android之完美退出方法
  • 原文地址:https://www.cnblogs.com/php-qiuwei/p/8995029.html
Copyright © 2011-2022 走看看