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

 时间:2026-02-17 00:58:13

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输入框自动小写转大写

  • jquery实现鼠标移入移出切换图片
  • 如何使用eclipse软件建类
  • 怎么通过html+css实现导航栏
  • JS如何检测密码长度
  • HTML中怎么插入图片作为背景?
  • 热门搜索
    傅雷家书简介 黄迦勒查经资料大全 金士顿u盘怎么样 三国群英传7秘籍大全 ps怎么做艺术字 喜字图片大全 洋槐花的吃法大全 体育彩票怎么玩 纹身图片大全 箱货车大全价格