如何设置input输入框自动小写转大写

【如何设置input输入框自动小写转大写】若何设置input输入框主动小写转年夜写?hmtl网页中 , 若何让input文本框内容主动年夜写?下面 , 小编来给大师介绍一下实现方式!

如何设置input输入框自动小写转大写

文章插图

需要这些哦
网页浏览器
文本编纂软件
方式/
1为便利讲解示范 , 编写如下图所示的一个web.html网页文件:题目为“主动年夜写” , 网页只包含一个form标签和一个h1标签 。

如何设置input输入框自动小写转大写

文章插图

如何设置input输入框自动小写转大写

文章插图

2再在网页中插手input文本输入框 , 并设置id属性为"myName" 。

如何设置input输入框自动小写转大写

文章插图

如何设置input输入框自动小写转大写

文章插图

3我们设置文本输入框在掉去核心时来进行小写转年夜写操作 , 所以插手onblur事务 , 响应函数名为ToUpperC() 。

如何设置input输入框自动小写转大写

文章插图

4在网页中插手javascript剧本模块 , 方式:在</body>标签后插入<script></script>

如何设置input输入框自动小写转大写

文章插图

5再在剧本模块中编写ToUpperC()函数 , 本家儿要功能是获取input文本框中的值 , 并经由过程字符串自带函数toUpperCase() , 将值转换当作年夜写 , 再将转换后的值从头赋给input文本框 。

如何设置input输入框自动小写转大写

文章插图

6保留点窜后 , 在浏览器打开网页 , 输入内容 , 当文本框掉去核心时 , 里面的内容就会主动转换当作年夜写了!

如何设置input输入框自动小写转大写

文章插图


以上内容就是如何设置input输入框自动小写转大写的内容啦 , 希望对你有所帮助哦!

    推荐阅读