title: How to display form data in a table on the same page upon pressing submit?
body: <p>How to display form data in a table on the same page upon pressing submit?</p>
  
  <p>This is my form</p>
  
  <pre><code>&lt;form method="post" target="_parent"&gt;
  
      &lt;p&gt;Name: 
        &lt;input type="text" name="Name" value="" maxlength="200" size="60"&gt;
      &lt;/p&gt;
  
      &lt;p&gt;User ID:
          &lt;input type="text" name="UserID" value="" maxlength="200" size="60"&gt;
      &lt;/p&gt;
  
      &lt;p&gt;Password:
          &lt;input type="password" name="Password" value="" maxlength="200" size="60"&gt;
      &lt;/p&gt;
  
      &lt;p&gt;Organization:
          &lt;input type="text" name="Organization" value="" maxlength="200" size="60"&gt;
      &lt;/p&gt;
  
      &lt;p&gt; Role
        &lt;select name="Role"&gt;
          &lt;option name = "Member" selected&gt;Member&lt;/option&gt;
          &lt;option name = "Admin"&gt;Admin&lt;/option&gt;
        &lt;/select&gt;
      &lt;/p&gt;&lt;br /&gt;
      &lt;p&gt; 
        &lt;input type="submit" name="submit"&gt;
        &lt;input type="button" name="cancel" value="Cancel" onClick="closebox()"&gt;
      &lt;/p&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>This is my adding table row code</p>
  
  <pre><code>function addrow()
  {
      var table=document.getElementById("tablelist");
      var row=table.insertRow(-1);
      var cells = new Array();
      for(var i = 0; i &lt; 6;i++)
      {
          cells[i]=row.insertCell(i);
          cells[i].innerHTML="New";
      }
  }
  </code></pre>
  
  <p>I want a new row to be added to the table with the form data in the cells upon pressing submit but i have no idea where to begin.</p>