title: How to create a table, in which rows are filled in when a user submits a form
body: <p>I'm wanting to create two separate pages, one with a html form on it and the other with a table on it. When the user enters data and submits the form I want the information to be displayed in the table. </p>
  
  <p>Would I need to use Javascript or PHP or neither to achieve this.</p>
  
  <p>Any help would be appreciated,</p>
  
  <p>This is the table: </p>
  
  <pre><code>   &lt;table border='1px' &gt;
  
              &lt;tr&gt;
              &lt;th&gt;Location&lt;/th&gt;
              &lt;th&gt;Time&lt;/th&gt;
              &lt;th&gt;Date&lt;/th&gt;
              &lt;/tr&gt;
              &lt;tr&gt;
              &lt;td  id='location1'&gt;info&lt;/td&gt;
              &lt;td id="time1"&gt;info&lt;/td&gt;
              &lt;td id="date1"&gt;info&lt;/td&gt;
  
              &lt;/tr&gt;  
              &lt;tr&gt;
              &lt;td id="location2"&gt;info&lt;/td&gt;
              &lt;td id="time2"&gt;info&lt;/td&gt;
              &lt;td id="date2"&gt;info&lt;/td&gt;
  
              &lt;/tr&gt;
              &lt;tr&gt;
              &lt;td id="location3"&gt;info&lt;/td&gt;
              &lt;td id="time3"&gt;info&lt;/td&gt;
              &lt;td id="date3"&gt;info&lt;/td&gt;
              &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>This is the form:</p>
  
  <pre><code>&lt;form action="" method="post"&gt;
      Enter Location&lt;input type="text" name="location" id="location" /&gt;&lt;br /&gt;
  
      Time  &lt;input type="text" name="" id="type" /&gt;&lt;br /&gt;
  
      Date&lt;input type="text" name="pitch" id="pitch" /&gt;&lt;br /&gt;
  
      &lt;input type="submit" name="submit" value="submit" /&gt;&lt;br /&gt;
   &lt;/form&gt;
  </code></pre>