如何设置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
保留点窜后，在浏览器打开网页，输入内容，当文本框掉去核心时，里面的内容就会主动转换当作年夜写了！