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

 时间:2024-10-12 17:25:17

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中怎么插入图片作为背景?
  • 热门搜索
    泰国用英语怎么说 凯文怎么了 sounds怎么读 激素脸怎么办 工作措施怎么写 喝水喝多了会怎么样 中国的英文怎么写 显示器分辨率怎么调 腰椎间盘突出怎么治 着火了怎么办