javascript实现一个html提交的表单数据放到另一个html页面显示
时间: 2024-03-26 18:38:48 浏览: 12
你可以使用以下步骤实现这个功能:
1. 在第一个 HTML 页面中,创建一个表单元素并设置一个 ID。
例如:
```
<form id="myForm" action="page2.html" method="POST">
<label for="name">Name:</label>
<input type="text" id="name" name="name">
<br>
<label for="email">Email:</label>
<input type="email" id="email" name="email">
<br>
<button type="submit">Submit</button>
</form>
```
2. 在第二个 HTML 页面中,创建一个空的容器元素并设置一个 ID。
例如:
```
<div id="formData"></div>
```
3. 在第二个 HTML 页面中,使用 JavaScript 获取 URL 参数中的表单数据。
例如:
```
const urlParams = new URLSearchParams(window.location.search);
const name = urlParams.get('name');
const email = urlParams.get('email');
```
4. 在第二个 HTML 页面中,将表单数据显示在容器元素中。
例如:
```
const formDataDiv = document.getElementById('formData');
formDataDiv.innerHTML = `Name: ${name}<br>Email: ${email}`;
```
这样,当用户在第一个 HTML 页面上提交表单后,页面将跳转到第二个 HTML 页面,并且表单数据将自动显示在容器元素中。