在输入框中误输小写字母，如何用一段代码将其自动转换大写

qq_38124555 2017-05-08 11:28:55

在input输入框中误输小写字母，如何用一段代码将其自动转换大写?

...全文

507 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

cn00439805 2017-05-10

打赏
举报

引用 1 楼 zzgzzg00 的回复:


<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style>
        input{
            text-transform: uppercase;
        }
    </style>
</head>
<body>
<input type="text" />
</body>
</html>

so cool

低调是种无声的高调 2017-05-10

打赏
举报

楼主比较有专研精神，不过有些东西，不一定要深究

Msxindl_Com 2017-05-08

打赏
举报


<input type="text" onblur="this.value=this.value.toUpperCase()" />

似梦飞花 2017-05-08

打赏
举报


<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style>
        input{
            text-transform: uppercase;
        }
    </style>
</head>
<body>
<input type="text" />
</body>
</html>

Msxindl_Com 2017-05-08

打赏
举报

你只需知道 toUpperCase() 的作用是什么就行了三，为什么非要知道 1+1 为什么等于2呢？它无非等同于下面的效果：


<input type="text" onBlur="upperCase(this)" />
<script type="text/javascript">
function upperCase(obj){
	var str = obj.value;
	var a = "abcdefghijklmnopqrstuvwxyz".split("");
	var A = "ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("");
	for(var i=0;i<a.length;i++){
		if(str.indexOf(a[i])!=-1){
			str = str.replace(eval("/"+a[i]+"/g"),A[i]);
		}
	}
	obj.value = str;
}
</script>

qq_38124555 2017-05-08