JS实现input输入框的小写字母自动变成大写字母

JS实现输入框的小写字母主动酿成大写字母的结果,只需要利用onkeyup事务就可以轻松实现 。下面介绍实现结果的过程。

方式/步调

  1. 1

    新建一个HTML文件,定名为test.html ,用于测试结果。

  2. 2

    在test.html编写一个form表单,并界说一个类型为text的input输入框,用于输入数据。

  3. 3

    给input元素一个id属性,用于下面获得input对象,对input输入框的内容进行操作。

  4. 4

    给input绑心猿意马onkeyup事务(当用户释放键盘按钮时执行的事务),利用onkeyup事务执行upperCase函数,并把当前input的id传递给函数。

  5. 5

    在test.html编写添加JS函数upperCase,用于获得onkeyup事务传递过来的参数,并将字母进行转换当作大写的处置。

  6. 6

    在JS函数内利用getElementById方式获得input输入框的内容,并利用toUpperCase()方式将领受到的字母转换为大写字母。

  7. 7

     在浏览器运行页面,当输入小写英文字母时,会主动酿成大写字母。

  • 发表于 2019-07-08 17:02
  • 阅读 ( 1172 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
admin
admin

0 篇文章

作家榜 »

  1. xiaonan123 189 文章
  2. 汤依妹儿 97 文章
  3. luogf229 46 文章
  4. jy02406749 45 文章
  5. 小凡 34 文章
  6. Daisy萌 32 文章
  7. 我的QQ3117863681 24 文章
  8. 华志健 23 文章

推荐文章

联系我们:uytrv@hotmail.com 问答工具