title: Display Post value from HTML form to another HTML form
body: <p>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.</p>
  
  <p>I tried below:</p>
  
  <p>HTML Form 1:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Save Value&lt;/title&gt;
  &lt;script type="text/javascript"&gt; 
  function saveVal() {
      var inputFirst = document.getElementById("name").value;
      localStorage.setItem("name", inputFirst);
      inputFirst = localStorage.getItem("name");
  }
  
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;form action="display.html" method="get"&gt;
  &lt;label&gt; 
  First Name:
  &lt;input name="name" size="20" maxlength="25" type="text" id="name" /&gt;
  &lt;/label&gt;
  
  &lt;input type="submit" value="submit" onclick="saveVal()"/&gt;
  &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>HTML Form 2:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Display&lt;/title&gt;
  &lt;script type="text/javascript"&gt;
  function result() {
      var storedVal = document.getElementById("name");
      storedVal.value = localStorage.getItem("name");
  }
  &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;form action="#"&gt;
  &lt;label&gt;
  First Name:
  &lt;input name="name" size="20" maxlength="25" type="text" id="name" readonly="readonly" /&gt;
  &lt;/label&gt;
  &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>