title: How to populate an html table with Javascript form elements?
body: <p>Essentially I want to display 10 lines of a table and have them update with people's names as they submit forms. So essentially I need to write the form inputs to the table cells. WHen more than 10 people fill out the form I want the table to only show 10 so it will bump one of the earlier ones. So far this is what I am trying but I don't really know how to proceed.</p>
  
  <pre><code>&lt;html&gt;
  &lt;h2&gt;Change Our Lights:&lt;/h2&gt;
  &lt;form name="leds" id="ledSend" method="get" target="_blank" action="https://agent.electricimp.com/Fk43xPMkSrWF"&gt;
  Lamp Control: &lt;input type="radio" name="led" value="0" checked&gt;Off
                &lt;input type="radio" name="led" value="1"&gt;On&lt;br&gt;
  How long should the Lights stay on? &lt;input type="text" name="timer" value="10"&gt;seconds&lt;br&gt;
  Your name? For Our Records &lt;input id="name" type="text" name="user" placeholder="Your name here"&lt;br&gt;
  &lt;br&gt;
  &lt;input type="submit" value="Update!" onclick="updateTable();return false;"/&gt;
  &lt;/form&gt;
  
  &lt;script type="text/javascript"&gt;
   function updateTable(){
       if (!document.getElementsByTagName) return;
       tabBody=document.getElementsByTagName("tbody").item(0);
       row=document.createElement("tr");
       cell1 = document.createElement("td");
       textnode1=document.forms['leds'].elements[3].value;
       cell1.appendChild(textnode1);
       row.appendChild(cell1);
       tabBody.appendChild(row);
   }
  &lt;/script&gt;
  
  &lt;body&gt;
  &lt;h1&gt;Who has Changed Our Lights?&lt;/h1&gt;
  &lt;table border='1' id='mytable'&gt;
  &lt;tbody&gt;
  &lt;tr&gt;"This Could Be You"&lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>I can't get the form elements to appear in the table at all. </p>