autocomplete = off不在chrome中工作

Question

我们正在开发一个Web应用程序,其中有一个付款页面.

我们有两个文本框,一个用于信用卡号,第二个用于验证码,它键入="密码".

现在的问题是,当google-chrome加载页面时,它发现type ="Password"它加载在信用卡文本框中保存电子邮件ID,在验证码中保存密码.

现在尝试解决这个问题我尝试了类似下面的内容.

<form autocomplete="off">

<asp:textbox autocomplete="off">

以上尝试对我不起作用.我正在谷歌搜索它,但幸运的是,这对我不起作用.

Answer 1

Chrome现在似乎忽略了autocomplete ="off",除非它<form autocomplete="off">自v34以来就在标签上.

你不能通过创建一个隐藏的输入作弊.自动完成功能将获得第一个输入文本以填充数据.

方法1:

<form id="" method="post" action="" autocomplete="off">
    <input type="text" style="display:none" />
    <input type="password" style="display:none">
    <asp:textbox autocomplete="off">
</form>

所以把它放在你的文本框之前.

<input type="text" style="display:none" />

方法2:

更改

autocomplete="off" 

至

autocomplete="false" 

方法3: 浏览器通过只读模式自动填充.

 <input type="password" readonly onfocus="this.removeAttribute('readonly');"/>

方法4:

用于用户名密码组合.Chrome启发式查找模式.

<input type="text" onfocus="this.type='password'">

方法5: jQuery

if ($.browser.webkit) {
    $('input[name="password"]').attr('autocomplete', 'off');
    $('input[name="email"]').attr('autocomplete', 'off');
}

Answer 2

这是唯一对我来说适用于自动完成和 Chrome 的自动填充的解决方案：它在调用后也有效new this.props.google.maps.places.Autocomplete

1. 在表单标签上添加 autocomplete="off"。

2. 直接在表单内的输入上设置 autocomplete="none" 并再次将属性设置为焦点。

    <form autocomplete="off">
        <input type="text" autocomplete="none" onfocus="this.setAttribute('autocomplete', 'none');"/>
    </form>