Javascript 动态添加表单元素的可访问方式（jQuery）

我正在设置一个表单，在该表单中，可以通过一个添加更多按钮为其中一个Qestion创建多个条目。我正试图找出一种最好的方法，使它在没有javascript的情况下可以访问，并允许每次单击Add按钮时动态显示输入字段。我需要为每个条目收集3条数据，以下是HTML的基本外观：

Type: <input name = "type[]" id = "type" />
Sub type: <input name = "subtype[]" id = "type" />
Number: <input name = "num[]" id = "type" />

我对每次单击Add按钮时动态创建此内容所需的JS代码没有任何问题，但我认为，由于对一个人可以为此类数据添加的行数设置限制是合理的，因此我预计最多可以添加10个条目，我可以在HTML表单中添加10个空字段。然后，我的jQuery代码会将它们隐藏在domready上，然后每次单击Add按钮时，它都会在表单上显示下一个可用的空字段，直到到达第10个，此时Add按钮被禁用

---

这种方法有意义吗？

是的，您已经描述了处理动态行的常用渐进增强方法

您也可以随时妥协：按照您的描述在页面上放置n个备用行，这样非JS用户一次只能添加n行，但根据需要使用JS克隆/添加新行，以便JS用户可以添加任意数量的行

如果用户可以在之后返回并添加更多行，并且非JS用户不太可能希望一次添加多行，那么对于简单版本，您只需将n=1：一个空行通过脚本从文档中删除，并根据需要克隆回文档中