提供巨大的HTML表单的最佳方式

Question

我的应用程序要求我必须显示大量HTML输入文本字段（可能是2,000个文本字段）。这些字段可以在逻辑上分组为多个部分，并且这些部分是重复的。向用户显示它的最佳方式是什么，以便他们可以用最少的点击次数输入数据？

Answer 1

我不确定你有哪些类型的用户可以自愿参与2,000个文本字段，但如果这是一个要求，那么你就可以做你需要的。 ：）

你说它可以分为几个部分，这些部分是重复的。我不确定哪些部分是重复的，但仔细管理这些部分似乎至关重要。某种Javascript隐藏/显示似乎是一个很大的帮助...我想我会选择JQuery's Accordion效果或类似的东西。

您可以将 Tab 键事件添加到每个部分，以便协助导航并在旧部分完成后打开新部分。将更改事件添加到字段也可能有助于此。

如果您需要在多个页面中分解表单，那么您可能希望利用AJAX加载新的部分/页面并将提交的数据存储到会话中，直到用户完成。

Answer 2

根据所需答案的格式，有两种方法：

1. 如果答案是已知长度或答案是少数选择之一，您可以使用某些javascript / jquery自动前进光标。例如，如果您正在预期电话号码，当此人在框中输入第10位数字时，请将光标移动到下一个框。
2. 如果你不知道而且你不能申请（1），最快的方法是鼓励用户通过方框进行选择。

说到标签，如果可以对这些框进行逻辑分组，您可以创建标签并让用户按照问题进行分页。这将创建更多点击次数，但会改善用户体验。

但神圣的废话，一页上的2k文本框很疯狂！

Answer 3

我研究类似的产品，也许最重要的是确保字段之间的标签在逻辑上和快速地工作。在这种类型的东西上进行数据录入的人是闪电般快速且相当无意识（我并不是说在贬义的意义上），从日志或打印输入数字而不看屏幕。

除此之外，我们在页面，组框以及“动态列表”之类的其他内容上实现选项卡（如选项卡式浏览），这类似于文本框的数据网格，用户可以从客户端添加和删除行 - 侧。

Answer 4

分页格式，就像调查一样？然后，您可以使用SESSION存储每个页面的输入，并在用户在它们之间切换时检索先前的答案。另一种方法是使用ajax在不同之间导航。我认为问题不在于剪辑的数量，但2000个文本字段在一个页面上看起来会很吓人。