Disabling Chrome Autofill

后端未结

关注

 30  3946

耶瑟儿～

相关标签:

30条回答

后悔当初

2020-11-21 05:01
```
<input readonly onfocus="this.removeAttribute('readonly');" type="text">
```
adding readonly attribute to the tag along with the onfocus event removing it fixes the issue
0 讨论(0)
发布评论:

提交评论
- 加载中...
野趣味

2020-11-21 05:05
Different solution, webkit based. As mentioned already, anytime Chrome finds a password field it autocompletes the email. AFAIK, this is regardless of autocomplete = [whatever].

To circumvent this change the input type to text and apply the webkit security font in whatever form you want.
```
.secure-font{
-webkit-text-security:disc;}

<input type ="text" class="secure-font">
```
From what I can see this is at least as secure as input type=password, it's copy and paste secure. However it is vulnerable by removing the style which will remove asterisks, of course input type = password can easily be changed to input type = text in the console to reveal any autofilled passwords so it's much the same really.
0 讨论(0)
发布评论:

提交评论
- 加载中...
轻奢々

2020-11-21 05:08
It is so simple and tricky :)

google chrome basically search for every first visible password element inside the <form>, <body> and <iframe> tags to enable auto refill for them, so to disable this you need to add a dummy password element as the following:
1. - if your password element inside a <form> tag you need to put the dummy element as the first element in your form immediately after <form> open tag
  - if your password element not inside a <form> tag put the dummy element as the first element in your html page immediately after <body> open tag
2. You need to hide the dummy element without using css display:none so basically use the following as a dummy password element.
```
<input type="password" style="width: 0;height: 0; visibility: hidden;position:absolute;left:0;top:0;"/>
```
0 讨论(0)
发布评论:

提交评论
- 加载中...
北荒

2020-11-21 05:09

By setting autocomplete to off should work here I have an example which is used by google in search page. I found this from inspect element.

edit: In case off isn't working then try false or nofill. In my case it is working with chrome version 48.0

0 讨论(0)
发布评论:

提交评论
- 加载中...
攒了一身酷

2020-11-21 05:12
Mike Nelsons provided solution did not work for me in Chrome 50.0.2661.102 m. Simply adding an input element of the same type with display:none set no longer disables the native browser auto-complete. It is now necessary to duplicate the name attribute of the input field you wish to disable auto-complete on.

Also, to avoid having the input field duplicated when they are within a form element you should place a disabled on the element which is not displayed. This will prevent that element from being submitted as part of the form action.
```
<input name="dpart" disabled="disabled" type="password" style="display:none;">
<input name="dpart" type="password">
<input type="submit">
```
0 讨论(0)
发布评论:

提交评论
- 加载中...

你的背包

2020-11-21 05:12

Try the following jQuery code which has worked for me.

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

0 讨论(0)

热议问题