CodePen

HTML

            
              <html>
  <table>
    <tr>
      <td>
        <input type="text" name="text-1" id="textfield" />
      </td>
    </tr>
  </table>
  
  <i><b>Goal:</b> When you type something in the textfield a new one should appear blow automatically</i>
</html>
            
          
!
via HTML Inspector

CSS

            
              * {
  font-family: "Arial";
}

tr { display: block; }
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              $(function(){
    $('input[type="text"]').one('keyup', function() { 
      $(this).closest('table').append("<tr><td><input type='text'></td></tr>");
    });
});

            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................