我试图将数据从一个页面表单传递到另一个页面表单。我不能使用任何服务器端脚本。所以请帮助我这样做。我在下面粘贴我的代码。
第1页代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<form action="" method="post">
<input type="text" name="name" placeholder="Name" required />
<input type="email" name="email" placeholder="Email" required />
<input type="number" name="subject" placeholder="Contact No." required />
<input type="text" name="subject" placeholder="Address" required />
<input type="text" name="subject" placeholder="Pin Code" required />
<button id="btnClk">Place your order</button></form>
</body>
</html>
第2页代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<input type="text" name="name" placeholder="Name" required />
<input type="email" name="email" placeholder="Email" required />
<input type="number" name="subject" placeholder="Contact No." required />
<input type="text" name="subject" placeholder="Address" required />
<input type="text" name="subject" placeholder="Pin Code" required />
</body>
</html>
正如你所看到的第二页代码与第一页相同，我没有写任何东西，因为我不知道如何点它。我希望如果用户填写第一页上的表单，其详细信息也会以第二页的形式更新，然后用户将获得确认这些详细信息或进行编辑的选项。请帮我实现这个结果。
有不同的方法来实现它 -
sessionStorage中保存数据（第1页）
sessionStorage.setItem('key', 'value');
存储第1页DOM元素的JSON数据
从sessionStorage获取保存的数据（在第2页）
var data = sessionStorage.getItem('key');
或者在localStorage中保存数据：
localStorage.setItem('key', 'value');
var data = localStorage.getItem('key');
存储在localStorage中的数据一直存在，直到被明确删除。
var opener = window.opener;
if(opener) {
var oDom = opener.document;
var elem = oDom.getElementById("your 1st page element");
}