当前位置:网站首页 > 创业 > 正文

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

0 张子豪 张子豪 2025-10-11 10:14 1

若何设置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

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

来源:百闻(微信/QQ号:9397569),转载请保留出处和链接!


本文链接:https://www.ibaiwen.com/web/221458.html

张子豪

张子豪

TA很懒,啥都没写...

@百闻娱乐 本站部分内容转自互联网,若有侵权等问题请及时与本站联系,我们将在第一时间删除处理。 | 粤ICP备2024343649号 | (地图