输入两个数提交后跳转另一个页面
时间: 2023-08-08 07:04:28 浏览: 44
您可以使用HTML和JavaScript来实现这个功能。首先,在HTML中创建一个表单,让用户输入两个数字,然后添加一个提交按钮。当用户点击提交按钮时,JavaScript代码将捕获这些数字并将它们作为参数传递给另一个页面。
以下是一个简单的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>Submit Form and Redirect to Another Page</title>
</head>
<body>
<form>
<label for="num1">Number 1:</label>
<input type="number" id="num1" name="num1"><br><br>
<label for="num2">Number 2:</label>
<input type="number" id="num2" name="num2"><br><br>
<input type="button" value="Submit" onclick="submitForm()">
</form>
<script>
function submitForm() {
var num1 = document.getElementById("num1").value;
var num2 = document.getElementById("num2").value;
window.location.href = "anotherPage.html?num1=" + num1 + "&num2=" + num2;
}
</script>
</body>
</html>
```
在这个示例中,我们首先创建了一个表单,其中包含两个输入框和一个提交按钮。当用户点击提交按钮时,我们调用了名为 `submitForm` 的JavaScript函数。该函数使用 `document.getElementById` 方法获取输入框的值,并将这些值作为参数附加到 `window.location.href` 中,这将导致浏览器跳转到指定的另一个页面,并将这些参数传递给该页面。在这个示例中,我们传递了两个参数 `num1` 和 `num2`,它们分别包含用户输入的两个数字。