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

时间:2015-04-22 19:28:25

标签: javascript jquery html forms

假设我有一个表格可以描述一个家庭:

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

但是我希望人们能够在表单中添加无数个孩子。所以我可以使用Javascript继续为更多的孩子添加新的输入,但我想知道我应该如何命名这些。我只是做child1child2child3等吗?在后端我简单地遍布所有孩子?

如果所有孩子都需要“年龄”输入字段,该怎么办?我是否只是继续添加child1_agechild2_agechild3_age等字段?

我想这会起作用,但我觉得有一个更聪明的方法。有没有人知道更好的方法来解决这个问题?欢迎所有提示!

2 个答案:

答案 0 :(得分:5)

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

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

答案 1 :(得分:1)

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

HTML input - name vs. id