我开发了一个页面,并根据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/
我已经搜索了很多解决方案,但没有任何与此相关的内容,就像人们谈论自动完成关闭,转到谷歌浏览器设置和设置个人资料等。
答案 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>