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

JS实现输入框的小写字母主动酿成大写字母的结果 , 只需要利用onkeyup事务就可以轻松实现 。 下面介绍实现结果的过程 。
方式/
1新建一个HTML文件 , 定名为test.html ,用于测试结果 。

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

文章插图

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

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

文章插图

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

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

文章插图

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

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

文章插图

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

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

文章插图

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

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

文章插图

7【JS实现input输入框的小写字母自动变成大写字母】 在浏览器运行页面 , 当输入小写英文字母时 , 会主动酿成大写字母 。

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

文章插图


以上内容就是JS实现input输入框的小写字母自动变成大写字母的内容啦 , 希望对你有所帮助哦!

    推荐阅读