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

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

工具/原料

• 网页浏览器
• 文本编纂软件

方式/步骤

1. 1

   为便利讲解示范，编写如下图所示的一个web.html网页文件：题目为“主动年夜写”，网页只包含一个form标签和一个h1标签。

   
2. 2

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

   
3. 3

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

   
4. 4

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

   
5. 5

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

   
6. 6

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