Question

快速提问。我开始学习本地存储HTML5。如何从表单中获取值并在另一个HTML表单页面上显示该值？例如，我在这里有两种形式。如果我填写表单1并单击“提交”按钮，则该值将显示在表单2中仅可读。

我试过以下：

HTML表单1：

<html>
<head>
<title>Save Value</title>
<script type="text/javascript"> 
function saveVal() {
    var inputFirst = document.getElementById("name").value;
    localStorage.setItem("name", inputFirst);
    inputFirst = localStorage.getItem("name");
}

</script>
</head>
<body>
<form action="display.html" method="get">
<label> 
First Name:
<input name="name" size="20" maxlength="25" type="text" id="name" />
</label>

<input type="submit" value="submit" onclick="saveVal()"/>
</form>
</body>
</html>

HTML表单2：

<html>
<head>
<title>Display</title>
<script type="text/javascript">
function result() {
    var storedVal = document.getElementById("name");
    storedVal.value = localStorage.getItem("name");
}
</script>
</head>

<body>
<form action="#">
<label>
First Name:
<input name="name" size="20" maxlength="25" type="text" id="name" readonly="readonly" />
</label>
</form>
</body>
</html>

Answer 1

在display.html中你没有调用函数result（），

试试这个，

<html>
<head>
<title>Display</title>
</head>
<body>
<form action="#">
<label>
First Name:
<input name="name" size="20" maxlength="25" type="text" id="name" readonly="readonly" />
</label>
<script type="text/javascript">
 var storedVal = document.getElementById("name");
    storedVal.value = localStorage.getItem("name");
</script>
</form>
</body>
</html>

显示从HTML表单到另一个HTML表单的Post值

1 个答案: