html - HTML 表单中输入元素数量的实际限制是多少？

Question

我正在开发一个电子表格样式的输入页面，它有 14 列宽，最多 25 行长。当任何特定的单元格获得焦点时，额外的 4 个文本框和 1 个带有 3 个选项的单选按钮将变得可用。

换句话说，我有 14 列乘 25 行，等于 350 个单元格。这些单元格中的每一个都有 4 个文本输入和 1 个 radio 选择(有 3 个选项)，这给了我总共 1750 个字段。周围还有一些元字段，因此 1800 是对表单上总字段的一个很好的估计。

我已经在旧版本的 IE 上遇到了一些 JS 性能问题(惊喜!)，因为相当数量的 JS 涉及显示/隐藏不同的字段以保持 ui 可用。我认为我的 JS 运行良好，但仍在继续微调。

这让我回到原来的问题； HTML 表单中输入元素数量的实际限制是多少？

附言。我不要求选择如何重新设计我的界面或系统的设计。我在问一个我很好奇的问题，以获取其他人在类似情况下的经验。

Answer 1

虽然 1800 个元素很多，但您的 JS 将对页内性能产生更大的影响。您提到您已经注意到 IE 中的性能下降(令人震惊)，因此尝试禁用 JS block 以查看每个 JS block 如何影响性能(在那些浏览器中)会很有趣。此过程可能有助于确定哪些部分也可能导致不同浏览器出现瓶颈。

我猜您是在用户访问时通过 AJAX 提交任何输入的数据。否则，您可能会在提交时遇到问题。

除了页面性能，您可能还应该关注文档大小和页面加载时间。看起来您的页面很快就会变重。因此，您在页面加载时包含的字段越少越好。

至于对元素限制问题的直接回答，我相信我从来没有遇到过元素过多的问题(除了页面大小问题)。仍然 感觉 限制最初加载的数量并想出一种根据需要提供新行、字段等的方法是很好的做法。

祝你好运!