鼠标离开输入框时输入框内的小写字母变为大写

2025-11-13 20:27:47

1、新建HTML文件

鼠标离开输入框时输入框内的小写字母变为大写

2、创建文本输入框

鼠标离开输入框时输入框内的小写字母变为大写

3、预览效果如图

鼠标离开输入框时输入框内的小写字母变为大写

4、创建js函数

鼠标离开输入框时输入框内的小写字母变为大写

5、定义变量获取输入框

鼠标离开输入框时输入框内的小写字母变为大写

6、定义输入框内输入的小写字母转变为大写字母

鼠标离开输入框时输入框内的小写字母变为大写

7、为输入框添加 onchange="cha()"事件触发函数

鼠标离开输入框时输入框内的小写字母变为大写

8、输入小写字母

鼠标离开输入框时输入框内的小写字母变为大写

9、输入完回车或者离开输入框变为大写字母

附上js代码

<script>

function cha(){

var x=document.getElementById("cs");

x.value=x.value.toUpperCase();

}

</script>

鼠标离开输入框时输入框内的小写字母变为大写

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢