方法一:使用js，在html标签中添加onkeyup方法，使用JS将字符转为大写
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
function toUpper() {
var text = document.getElementById("toUpper").value;
alert(text);
}
</script>
</head>
<body>
输入框:<input type="text" id="toUpper" onblur="toUpper()" onkeyup="this.value=this.value.toUpperCase()" />
</body>
</html>输入asd，输入框会自动转换成ASD！移开光标弹出ASD
方法二:使用css,通过在标签中使用css
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
function toUpper() {
var text = document.getElementById("toUpper").value;
alert(text);
}
</script>
</head>
<body>
输入框:<input type="text" id="toUpper" onblur="toUpper()" style="text-transform: uppercase;" />
</body>
</html>输入asd,输入框会自动转换成ASD！移开光标弹出asd
text-transform的取值有——none：默认值，不会发生任何转换; capitalize：每个单词的首字母大写; uppercase：大写转换; lowercase：小写转换
两者的区别:方法一在使用时，会给用户一种转换感；方法二界面显示为大写，但实质是css样式，后台需要将其转为大写
时间： 2024-08-13 14:41:24