Google Chrome自动填充功能无法在所有计算机上运行

时间:2016-03-09 10:41:47

标签: javascript angularjs google-chrome autocomplete

我开发了一个页面,并根据google https://developers.google.com/web/updates/2015/06/checkout-faster-with-autofill?hl=en在每个文本输入中添加了自动填充属性,但问题非常奇怪。问题是它正在我的机器上正常工作,并且在我的测试环境上部署后它也在那里工作,但只在我的机器上运行,当我在其他团队成员的机器上测试时,它不能在那里工作。

我所制作的表格与此表格https://greenido.github.io/Product-Site-101/form-cc-example.html完全相同。

如果你在Chrome浏览器中测试它对你有用,我也通过高级设置和填充自动填充配置文件将个人信息添加到chrome中。

您可以测试我的plunker示例来测试并查看问题。 https://embed.plnkr.co/SKkAJ2lHQHElNbyvGrmp/

我已经搜索了很多解决方案,但没有任何与此相关的内容,就像人们谈论自动完成关闭,转到谷歌浏览器设置和设置个人资料等。

2 个答案:

答案 0 :(得分:1)

尝试使用<form>并将数据输入属性放入其中。

<form>
<input type="text" required ng-model="vm.Model.Contact.Name" name="Name" id="Name" maxlength="250" data-input="name" autocomplete="name" /> <input type="email" required ng-model="vm.Model.Contact.Email" name="Email" id="Email" maxlength="100" data-input="email" autocomplete="email" /> <input type="text" required ng-model="vm.Model.Contact.Mobile" name="Mobile" id="Mobile" maxlength="30" data-input="tel" autocomplete="tel" />
<input type="text" ng-model="vm.Model.Contact.Telephone" name="Telephone" id="Telephone" maxlength="30" data-input="tel" autocomplete="tel" />
</form>

答案 1 :(得分:0)

input标记中name属性以大写后缀开头 尝试将其改为小写,后者应该可以正常工作

您的代码:

Name: <input type="text" required="" ng-model="vm.Model.Contact.Name" name="Name" id="Name" maxlength="250" autocomplete="name"> <br> <br>
Email: <input type="email" required="" ng-model="vm.Model.Contact.Email" name="Email" id="Email" maxlength="100" autocomplete="email"> <br> <br>
Mobile: <input type="text" required="" ng-model="vm.Model.Contact.Mobile" name="Mobile" id="Mobile" maxlength="30" autocomplete="tel"> <br> <br>
Phone: <input type="text" ng-model="vm.Model.Contact.Telephone" name="Telephone" id="Telephone" maxlength="30" autocomplete="tel"> <br> <br>

修复代码

Name: <input type="text" required="" ng-model="vm.Model.Contact.Name" name="name" id="Name" maxlength="250" autocomplete="name"> <br> <br>
Email: <input type="email" required="" ng-model="vm.Model.Contact.Email" name="email" id="Email" maxlength="100" autocomplete="email"> <br> <br>
Mobile: <input type="text" required="" ng-model="vm.Model.Contact.Mobile" name="mobile" id="Mobile" maxlength="30" autocomplete="tel"> <br> <br>
Phone: <input type="text" ng-model="vm.Model.Contact.Telephone" name="telephone" id="Telephone" maxlength="30" autocomplete="tel"> <br> <br>