我正在设置一个表单,其中可以为其中一个问题制作多个条目(通过添加更多按钮)。我试图找出在没有javascript的情况下使其可访问的最佳方法,并且还允许每次单击“添加”按钮时动态显示输入字段。我需要为每个条目收集3条数据,下面是HTML的基本内容:
Type: <input name = "type[]" id = "type" />
Sub type: <input name = "subtype[]" id = "type" />
Number: <input name = "num[]" id = "type" />
每次单击“添加”按钮时动态创建此内容所需的JS代码都没有问题,但我认为,设置一个人可以添加的行数限制是合理的(对于这种类型的数据,10个条目将是我期望的最大值),我可以在HTML表单中添加10个空字段。然后,我的jQuery代码会在domready上隐藏它们,然后每次单击Add按钮时,它只显示表单上的下一个可用空字段(直到它到达第10个,此时Add按钮被禁用)。 / p>
这种方法有意义吗?
答案 0 :(得分:0)
是的,您已经描述了处理动态行的常用渐进增强方式。
您也可以随时妥协:在您描述的页面上放置 n 备用行,以便非JS用户一次只能添加 n 行,但是使用JS来根据需要克隆/添加新行,以便JS用户可以添加任意数量的行。
(如果用户之后可以返回并添加更多行,并且非JS用户不太可能希望一次添加多行,则可以为 n = 1简单版本:一个空行,通过脚本从文档中删除,并根据需要克隆回文档。)