title: How to get data from a form of an Html page to another page after clicking submit button, without going through the Server
body: <p>I am creating a form in Html and I want to return the data entered by the user on another page of an Html. I don't want to go through the client-server coding. Just a simple Html page with the data after clicking Submit button.
  I am new to Html so just learning as you can see I have written an Html file name in the action attribute of the form. This is not working. Kindly reply, I cannot find the answer anywhere else.
  I am open to javascript.</p>
  
  <pre><code>&lt;form action="formData.html" method="POST"&gt;
  
  &lt;table width="70%"  cellpadding="8"&gt; 
   &lt;tr&gt;      
       &lt;td width="40%"&gt;First Name:&lt;/td&gt;         
       &lt;td&gt; &lt;input type="text" name="first_name" /&gt;&lt;/td&gt;
   &lt;/tr&gt;
   &lt;tr&gt;
       &lt;td&gt;Middle Name:&lt;/td&gt; 
       &lt;td&gt;&lt;input type="text" name="middle_name" /&gt;&lt;/td&gt;
   &lt;/tr&gt;
   &lt;tr&gt;
       &lt;td&gt;Last Name:&lt;/td&gt;
       &lt;td colspan="2"&gt;&lt;input type="text" name="last_name" /&gt;&lt;/td&gt;
   &lt;/tr&gt;
   &lt;tr&gt;    
       &lt;td&gt;Gender :&lt;/td&gt;
       &lt;td width="30%"&gt;&lt;input type="radio" name="gender" /&gt;Male&lt;/td&gt;
       &lt;td width="50%"&gt;&lt;input type="radio" name="gender" /&gt;Female&lt;/td&gt;
   &lt;/tr&gt;
   &lt;/table&gt;
   &lt;input type="submit" value="submit" /&gt;
   &lt;/form&gt;
  </code></pre>