Chrome <input> 仅在包裹在 <form> 时才会延迟答案

【问题标题】：Chrome <input> laggy only when wrapped in <form>Chrome <input> 仅在包裹在 <form> 时才会延迟
【发布时间】：2012-03-24 10:02:43
【问题描述】：

我有一个 ASP.NET 网页，它在单个页面上呈现许多 (~3000) <input type="text"> 文本框（仅在客户端，即不需要回发）。在 Chrome 中，如果这些输入包含在 <form> 标签中，Chrome 将在我输入文本框时挂起。（持续时间与页面上有多少文本框成正比）。 Firefox 和 IE 没有这些问题。

您可以在以下链接中查看我的页面示例：

慢页面（与<form>）：http://jsfiddle.net/ZXcMs/
快速页面（没有<form>）：http://jsfiddle.net/5V74U/1/

我的问题：

这是为什么？ <form> 对网络浏览器究竟意味着什么？
我的 ASP.NET 项目需要使用 <form> 标记。我的网站还能如何与 Chrome 兼容？

【问题讨论】：

您是否考虑过另一种方法（使用 AJAX 或其他方法）来减少一个页面上需要 3000 个输入字段的需求？
此网页正在替换 Excel 应用程序。许多文本框的 UI 都很熟悉。但需要澄清的是，这些文本框不需要回复POSTed，并且挂断是在客户端编辑期间。
如果您正在执行数据表类型的应用程序，您可能希望将所有这些行简单地列在 HTML <table>... 中，然后在要编辑行项目时，使用 jQuery（或 JavaScript）实际为该特定行项添加输入。您可能想在此处搜索“数据表”或“网格”JavaScript 插件。
@Nathan 我使用的是最新的 chrome 开发者版本 19.0.1055.1，它不是我的手。
我对 Chrome 19.0.1049 的“慢”版本没有任何问题。

标签： asp.net html google-chrome forms

【解决方案1】：

Nathan 我只是尝试了您提供的页面，它们根本没有挂起给我。我使用 Chrome 版本 19.0.1055.1

现在我记得我有一个类似的问题，并且是因为一个扩展！

Google Chrome 仍在开发中，并在一天之内从版本 1 升级到 19 :) 并且此版本更改对扩展进行了不太好的测试。所以几个月前写的扩展现在可能有问题了。

禁用所有扩展程序以查看问题是否消失，如果确实如此，请找到有问题的扩展程序。

【讨论】：

啊哈！我运行的是 17 版本，但使用 19 版本时问题消失了。非常感谢。