如何动态地将输入字段添加到表单？

Question

我不是一个网络程序员,但我正在创建一个简单的Web应用程序,其中有一个表单,用户可以输入一系列点(x,y,z),但我不知道用户有多少要进入.我不想猜测可能的最大值(100可能？)并在表单上放置100个字段,因为它看起来很难看.当用户在不联系服务器的情况下输入数据时,添加更多字段(或取消隐藏字段)的最简单方法是什么.

目前我只是使用html和php,但我假设这样做我需要javascript？

目前我的代码看起来像这样,当用户输入数据时,我想要显示另一行.

<form action="edit.php" method="post"> 
  <table border=1> 
    <tr> 
      <td> 
      <td>X
      <td>Y
      <td>Z
    </tr> 
    <tr> 
      <td>1</td> 
      <td><input type=text name=x1 size=10 value="0.4318"></td> 
      <td><input type=text name=y1 size=10 value="0.0000"></td> 
      <td><input type=text name=z1 size=10 value="0.1842"></td> 
    </tr> 
    <tr> 
      <td>2</td> 
      <td><input type=text name=x2 size=10 value="0.4318"></td> 
      <td><input type=text name=y2 size=10 value="0.0000"></td> 
      <td><input type=text name=z2 size=10 value="-0.1842"></td> 
    </tr> 
    <tr> 
      <td>3</td> 
      <td><input type=text name=x3 size=10 value="-0.3556"></td> 
      <td><input type=text name=y3 size=10 value="0.0000"></td> 
      <td><input type=text name=z3 size=10 value="0.1636"></td> 
    </tr> 
    ... I want more to appear here...
  </table> 
  <button name="submit" value="submit" type="submit">Save</button> 
</form> 

知道最简单的方法吗？谢谢...

Answer 1

我会使用jQuery并附加新的输入.

Answer 2

是的，您很可能必须使用 javascript。您可以使用它或编写自己的代码作为参考：

http://www.mredkj.com/tutorials/tableaddrow.html