html - 启用浏览器的表单自动填充

标签 html forms google-chrome

我正在为我的网站制作注册表单。它包含各种标准表单字段。如:姓名、地址、电话号码、用户名、密码等。

当我双击一个字段(在 Chrome 16 中)以便自动填写我的地址时,我收到此消息:

This webpage has disabled automatic filling for this form.

我没有禁用它,那么如何启用它呢?我尝试添加 autocomplete="on"<form>标签,以及(部分)<input>标签,但这没有帮助。

我需要添加 autocomplete="on" 吗?每个领域?另外,浏览器如何知道哪个字段是什么?我需要为字段命名一些特别的东西吗?

另一个问题:是否有某种 onautocomplete自动填写表单时触发的事件?在我的表格上,当您输入邮政编码时,它会在我们的数据库中查找(通过 AJAX),然后获取州和城市(城市和州是下拉列表,因为邮政编码可以代表多个城市),然后填写它们为你。我希望我可以在自动填写表格后运行它。

附言我正在使用 jQuery form validation插件,如果重要的话。

最佳答案

问题是表单标签上没有 method="POST"

谷歌搜索消息后,我发现了一个 bug report , 和 comments 之一提到了 method="POST"

我添加了 method="POST",瞧!自动填充有效。

在某些情况下,如果表单没有,您可能还需要添加一个actionaction="javascript:void(0)" 有效。

注意:自动填充似乎会触发 onchange 事件。

注2:至于浏览器如何知道什么字段是什么,看这个问题:How to trigger Autofill in Google Chrome?

关于html - 启用浏览器的表单自动填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8715000/

相关文章:

c# - 搜索匹配项时是否可以使用列表作为模式?

html - FF 和 Chrome 中的表单样式不同

HTML:意外的 Bootstrap 布局(singin 模板)

javascript - D3Tip 尖端放置不一致

html - 如何让 Google Chrome 浏览器使用较大的应用程序快捷方式图标?

html - Firefox 和 Chrome 浏览器之间的表格问题

javascript - 液体 slider 在 Chrome 扩展中无法正常工作

html - 在 .liquid 上集成 Bootstrap ( shopify )

javascript - 如何从动态输入字段添加数字?

javascript - 表单提交执行 JavaScript 最佳实践?