4

我有一个客户希望他们的 UI 在表单中显示字段名称（用户名字段表示“用户名”，密码字段表示“密码”等）。由于表单使用密码类型<input>（通常显示点），因此我必须通过将包含措辞的 div 覆盖在字段中来模拟将数据填充到字段中。

为了识别自动填充，我编写了一些 Javascript 来检查该字段是否已填充并相应地采取行动（隐藏或显示措辞）。

据我所知，Chrome 是唯一一个不稳定的浏览器。它似乎并不关心是否有自动填充数据，并且措辞总是覆盖自动填充数据（表面上是因为hide没有触发该功能）。

我的冗长问题是 Chrome 何时在渲染过程中自动填充数据？它是否也要等到 Javascript 完成？我有什么方法可以检查自动填充数据是否占用了 Chrome 中的某个字段？

4

2 回答 2

4

一个简单的解决方法是使用placeholderWebKit 和 Firefox 支持的 HTML5 的属性。这将需要额外的功能检测，但是您只需要在非 Chrome 中实现模拟覆盖。

深入 HTML5 解释

于 2010-12-09T04:18:12.607 回答
1

我决定将一个侦听器附加到一个激活包含表单的模式的事件。不用说，这是一个仅适用于我的特定情况的解决方案。我不认为这是一个答案，但我在这里发布它可能会给其他正在寻找解决方案的人提供一种解决方法。

于 2010-12-14T17:37:48.743 回答