Display Post value from HTML form to another HTML form
Question
Quick question. I am starting learn on local storage HTML5. How can I get value from a form and display that value on another HTML form page? For example, I have two forms here. If I fill on form 1 and click submit button, and the value will display on form 2 in readable only.
I tried below:
HTML Form 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 Form 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>
1 answers
solution1
0 ACCPTED 2015-03-14 04:36:34
In display.html you didn't call function result(),
try this,
<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>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Accessing value from HTML form on another page
get value from HTML form with Javascript and then display them on html
Display form field value on another html page, after submit
move value from one html form to another, so one form submits values from itself and another form
Extract data from one html form and display it another page
HTML submit a post inside another form
Integrate value from JavaScript in HTML form to post it in php
Get the return value of a HTML Form Post method
Is there a way to POST the value and the content of html form option?
How to get “make” value from one HTML form to another?
Related Tags