两个input表单输入两个值怎么通过js保存这两个值
时间: 2023-09-19 21:08:10 浏览: 54
您可以通过JavaScript获取表单元素的值,然后将它们存储到变量中。以下是一个简单的示例:
```html
<form>
<label for="input1">Input 1:</label>
<input type="text" id="input1"><br>
<label for="input2">Input 2:</label>
<input type="text" id="input2"><br>
<button type="button" onclick="saveValues()">Save</button>
</form>
<script>
function saveValues() {
// 获取输入框的值
var input1Value = document.getElementById("input1").value;
var input2Value = document.getElementById("input2").value;
// 存储到变量中
var savedValue1 = input1Value;
var savedValue2 = input2Value;
// 在控制台输出保存的值
console.log(savedValue1);
console.log(savedValue2);
}
</script>
```
这个例子中,我们创建了两个输入框和一个“保存”按钮。当用户点击“保存”按钮时,`saveValues()`函数会被调用。该函数获取输入框的值,将它们存储到变量中,并在控制台输出这些变量。