如何设置input输入框自动小写转大写 _网页浏览器

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

文章插图

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

文章插图

文章插图

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

文章插图

文章插图

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

文章插图

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

文章插图

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

文章插图

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

文章插图

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

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