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

标签 html http post forms

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

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

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

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

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

最佳答案

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

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

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

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

祝你好运!

关于html - HTML 表单中输入元素数量的实际限制是多少?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5936910/

相关文章:

PHP cURL POST 返回 415 - 不支持的媒体类型

php - $_POST 在服务器上不起作用

javascript - 如何从我的外部 javascript 文件访问 php 变量

html - 格式化表格中的列

python - BeautifulSoup:如何在特定的 html 标签后提取数据

javascript - 捕获父DIV的高度

javascript - 使用 Javascript 调用外部 API

python - 使用 gae python 处理 HTTP POST 中的外来字符

java - session ID 对另一台服务器有意义吗?

http - Cache-Control header 上的 max-age、no-Cache、must-revalidate,哪个优先?