我想做以下事情：
创建3个文本框和1个按钮
在3框中输入小写字母
点击按钮
单击按钮后，字母将转换为大写
我在框中输入的字母怎么不转换为大写？
这是我的代码：
<html>
<head>
<script>
function upperCase() {
var x = document.getElementById("form_1");
x = x.value.toUpperCase();
}
</script>
</head>
<body>
<form name="form1" id="form_1" method="post">
Enter your name:
<input type="text" name="nameInput">
Enter your street address:
<input type="text" name="streetInput">
Enter your city/state:
<input type="text" name="cityStateInput">
<input type="button" name="upperCaseButton" value="Convert to Uppercase"
onclick="upperCase()">
</form>
</body>
</html>
最佳答案
你需要：
1）更改ID的名称，因此您可以按ID检索每个元素。
<form name="form1" id="form_1" method="post">
Enter your name:
<input type="text" id="nameInput">
Enter your street address:
<input type="text" id="streetInput">
Enter your city/state:
<input type="text" id="cityStateInput">
<input type="button" id="upperCaseButton" value="Convert to Uppercase"
onclick="upperCase('nameInput'); upperCase('streetInput'); upperCase('cityStateInput');">
</form>
2）为每个要将其值转换为大写的输入调用函数。
upperCase = function(name) {
var inp = document.getElementById(name);
inp.value = inp.value.toUpperCase();
}
参见演示：https://jsfiddle.net/gal007/tagLtyko/