网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

如何设置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输入框自动小写转大写
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com