I want to save the username which is in text box to later retrieve it on another web page using javascript
<html>
<body>
<form method="post" action="index1.html">
username:<input type="text" name="uname" id="uname">
password:<input type="password" name="pass" id="pass">
login:<input type="submit" name="login" >
</form>
</body>
</html>
localStorage.setItem('username','myusername');
Now get the stored key
localStorage.getItem('username') //myusername
localStorage. setItem ('username',document.getElementById('uname').value)If your not using html5, You could store it in a cookie.
The context between page reloads is typically lost for JavaScript, you might want to consider using JQuery to provide an application that looks like it is running on multiple pages, but is in fact just one page with transitions.
Your other option is to store the value in a cookie, or in a local storage web database.
Yes it is possible. You have a button. Just call the method to store the values in the button click event.
$(function () {
$("#submit").click(function () {
var name = $("#name").val();
alert(name);
localStorage.setItem('username',name);
});
});
Fiddled Example here.
Local Storage API and a playground to try it yourself, HTML5.
The output, you will be able to see while you inspect element as a pair of Key and Value. Under resources tab, In case, you use firebug.
I have also updated the sample fiddle.
