title: passing form data to another HTML page
body: <p>I have two HTML pages: form.html and display.html. In form.html, there is a form:</p>
  
  <pre><code>&lt;form action="display.html"&gt;
      &lt;input type="text" name="serialNumber" /&gt;
      &lt;input type="submit" value="Submit" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>The form data is sent to display.html. I want to display and use the form data <code>serialNumber</code> in display.html, as shown below:</p>
  
  <pre><code>&lt;body&gt;
      &lt;div id="write"&gt;
          &lt;p&gt;The serial number is: &lt;/p&gt;
      &lt;/div&gt;
      &lt;script&gt;
      function show() {
          document.getElementById("write").innerHTML = serialNumber;
      }
      &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>So how can I pass the <code>serialNumber</code> variable from form.html to display.html so that the above code in display.html will show the serial number and the JavaScript function show() gets the <code>serialNumber</code> from the first HTML?</p>