如何在html表单中处理同一类型的多个输入？

Question

比方说，我有在其中您可以描述一个家庭形式：

<input type="text" name="mother"> 
<input type="text" name="father"> 
<input type="text" name="child"> 

但我希望人们能够对孩子的无限数量添加到窗体。所以我可以使用Javascript来继续为更多的孩子添加新的输入，但我想知道我应该如何命名这些。我只是做child1，child2，child3等？而在后端，我只是循环所有的孩子？

如果所有的孩子还需要一个“年龄”输入字段，该怎么办？我是否只需继续添加字段，如child1_age,child2_age,child3_age？

我想这会工作，但我觉得有一个更聪明的方法。有人知道更好的方法来处理这个问题吗？欢迎所有提示！

Answer 1

HTML表单可以使用数组作为输入名称。例如：

<input type="text" name="child[]"> 

Answer 2

看看这个讨论。引入id属性并保持name属性不变。

HTML input - name vs. id