如何在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[]">