Tôi đã tạo một ứng dụng web sử dụng hộp thả xuống. Điều này hoạt động tuyệt vời trong tất cả các trình duyệt ngoại trừ trình duyệt Chrome (Phiên bản 21.0.1180.89).

Mặc dù cả hai inputtrường VÀ formtrường có autocomplete="off"thuộc tính, Chrome vẫn khăng khăng hiển thị lịch sử thả xuống của các mục trước đó cho trường, thứ đang xóa sạch danh sách hộp thẻ.

CẬP NHẬT

Có vẻ như bây giờ Chrome bỏ qua các thuộc tính style="display: none;"hoặc style="visibility: hidden;.

Bạn có thể thay đổi nó thành một cái gì đó như:

<input style="opacity: 0;position: absolute;">
<input type="password" style="opacity: 0;position: absolute;">

Theo kinh nghiệm của tôi, Chrome chỉ tự động hoàn thành cái đầu tiên <input type="password">và cái trước <input>. Vì vậy, tôi đã thêm:

<input style="display:none">
<input type="password" style="display:none">

Đến đầu <form>và vụ việc đã được giải quyết.

Ngăn tự động điền tên người dùng (hoặc email) và mật khẩu:

<input type="email" name="email"><!-- Can be type="text" -->
<input type="password" name="password" autocomplete="new-password">

Ngăn tự động hoàn thành một trường ( có thể không hoạt động ):

<input type="text" name="field" autocomplete="nope">

Giải trình:

autocompletevẫn hoạt động trên <input>mặc dù có autocomplete="off", nhưng bạn có thể thay đổi offthành một chuỗi ngẫu nhiên, như thế nào nope.

Các "giải pháp" khác để vô hiệu hóa tự động hoàn thành của một trường (đó không phải là cách đúng để làm điều đó, nhưng nó hoạt động):

1.

HTML:

<input type="password" id="some_id" autocomplete="new-password">

JS (tải):

(function() {
    var some_id = document.getElementById('some_id');
    some_id.type = 'text';
    some_id.removeAttribute('autocomplete');
})();

hoặc sử dụng jQuery:

$(document).ready(function() {
    var some_id = $('#some_id');
    some_id.prop('type', 'text');
    some_id.removeAttr('autocomplete');
});

2.

HTML:

<form id="form"></form>

JS (tải):

(function() {
    var input = document.createElement('INPUT');
    input.type = 'text';
    document.getElementById('form').appendChild(input);
})();

hoặc sử dụng jQuery:

$(document).ready(function() {
    $('<input>', {
        type: 'text'
    }).appendTo($('#form'));
});

Để thêm nhiều trường bằng jQuery:

function addField(label) {
  var div = $('<div>');
  var input = $('<input>', {
    type: 'text'
  });
  
  if(label) {
    var label = $('<label>', {
      text: label
    });
    
    label.append(input);
    div.append(label);    
  } else {
    div.append(input);    
  }  
  
  div.appendTo($('#form'));
}

$(document).ready(function() {
  addField();
  addField('Field 1: ');  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="form"></form>

Hoạt động trong:

• Chrome: 49+

• Firefox: 44+

Dường như Chrome bỏ qua autocomplete="off"trừ khi có trên <form autocomplete="off">thẻ.

Phương pháp hiện đại

Đơn giản chỉ cần làm cho đầu vào của bạn readonly, và tập trung, loại bỏ nó. Đây là một cách tiếp cận rất đơn giản và các trình duyệt sẽ không đưa readonlyvào đầu vào. Do đó, phương pháp này được chấp nhận và sẽ không bao giờ bị ghi đè bởi các bản cập nhật trình duyệt trong tương lai.

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

Phần tiếp theo là tùy chọn. Định kiểu đầu vào của bạn phù hợp để nó trông không giống readonlyđầu vào.

input[readonly] {
     cursor: text;
     background-color: #fff;
}

VÍ DỤ LÀM VIỆC

Để có cách giải quyết đáng tin cậy, bạn có thể thêm mã này vào trang bố cục của mình:

<div style="display: none;">
 <input type="text" id="PreventChromeAutocomplete" 
  name="PreventChromeAutocomplete" autocomplete="address-level4" />
</div>

Chrome tôn trọng autocomplete = off chỉ khi có ít nhất một yếu tố đầu vào khác trong biểu mẫu với bất kỳ giá trị tự động hoàn thành nào khác.

Điều này sẽ không hoạt động với các trường mật khẩu - những trường được xử lý rất khác nhau trong Chrome. Xem https://code.google.com.vn/p/chromium/issues/detail?id=468153 để biết thêm chi tiết.

CẬP NHẬT: Lỗi đã đóng là "Không sửa" bởi Nhóm Chromium ngày 11 tháng 3 năm 2016. Xem bình luận cuối cùng trong báo cáo lỗi được gửi ban đầu của tôi , để được giải thích đầy đủ. TL; DR: sử dụng các thuộc tính tự động hoàn thành ngữ nghĩa như autocomplete = "new-street-address" để tránh Chrome thực hiện tự động điền.

Chà, đến bữa tiệc muộn một chút, nhưng dường như có một chút hiểu lầm về việc autocompletenên và không nên làm việc như thế nào . Theo thông số kỹ thuật HTML, tác nhân người dùng (trong trường hợp này là Chrome) có thể ghi đè autocomplete:

https://www.w3.org/TR/html5/forms.html#autofilling-form-controls:-the-autocomplete-attribution

Tác nhân người dùng có thể cho phép người dùng ghi đè tên trường tự động điền của phần tử, ví dụ: thay đổi từ "tắt" thành "bật" để cho phép các giá trị được ghi nhớ và điền trước bất chấp sự phản đối của tác giả trang hoặc luôn luôn "tắt", không bao giờ nhớ các giá trị. Tuy nhiên, tác nhân người dùng không nên cho phép người dùng ghi đè một cách tầm thường tên trường tự động điền từ "tắt" sang "bật" hoặc vì các giá trị bảo mật quan trọng cho người dùng nếu tất cả các giá trị luôn được ghi nhớ, bất kể tùy chọn của trang web.

Vì vậy, trong trường hợp của Chrome, các nhà phát triển về cơ bản đã nói "chúng tôi sẽ để người dùng quyết định tùy chọn của họ cho dù họ muốn autocomplete làm việc hay không. Nếu bạn không muốn, đừng kích hoạt nó trong trình duyệt của bạn" .

Tuy nhiên, có vẻ như đây là một chút quá nhiệt tình về phần họ theo ý thích của tôi, nhưng nó là như vậy. Đặc điểm kỹ thuật cũng thảo luận về ý nghĩa bảo mật tiềm năng của một động thái như vậy:

Từ khóa "tắt" chỉ ra rằng dữ liệu đầu vào của điều khiển đặc biệt nhạy cảm (ví dụ mã kích hoạt cho vũ khí hạt nhân); hoặc đó là một giá trị sẽ không bao giờ được sử dụng lại (ví dụ: khóa một lần để đăng nhập ngân hàng) và do đó người dùng sẽ phải nhập dữ liệu rõ ràng mỗi lần, thay vì có thể dựa vào UA để điền trước giá trị cho anh ta; hoặc rằng tài liệu cung cấp cơ chế tự động hoàn thành của chính nó và không muốn tác nhân người dùng cung cấp các giá trị tự động hoàn thành.

Vì vậy, sau khi trải qua sự thất vọng giống như mọi người khác, tôi đã tìm ra một giải pháp phù hợp với mình. Nó tương tự như tĩnh mạch vớiautocomplete="false" câu trả lời.

Một bài viết của Mozilla nói về chính xác vấn đề này:

https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turn_off_form_autocompletion

Trong một số trường hợp, trình duyệt sẽ tiếp tục đề xuất các giá trị tự động hoàn thành ngay cả khi thuộc tính tự động hoàn thành được đặt thành tắt. Hành vi bất ngờ này có thể khá khó hiểu cho các nhà phát triển. Mẹo để thực sự buộc không hoàn thành là gán một chuỗi ngẫu nhiên cho thuộc tính

Vì vậy, đoạn mã sau nên hoạt động:

autocomplete="nope"

Và mỗi thứ sau đây cũng nên như vậy:

autocomplete="false"
autocomplete="foo"
autocomplete="bar"

Vấn đề tôi thấy là tác nhân trình duyệt có thể đủ thông minh để tìm hiểu autocompletethuộc tính và áp dụng nó vào lần tiếp theo khi nó nhìn thấy biểu mẫu. Nếu nó làm điều này, cách duy nhất tôi có thể thấy để giải quyết vấn đề sẽ là thay đổi linh hoạtautocomplete giá trị thuộc tính khi trang được tạo.

Một điểm đáng nói là nhiều trình duyệt sẽ bỏ qua autocompletecác cài đặt cho các trường đăng nhập (tên người dùng và mật khẩu). Như bài viết của Mozilla nêu:

Vì lý do này, nhiều trình duyệt hiện đại không hỗ trợ autocomplete = "off" cho các trường đăng nhập.

• Nếu một trang web đặt autocomplete = "off" cho một biểu mẫu và biểu mẫu bao gồm các trường nhập tên người dùng và mật khẩu, thì trình duyệt vẫn sẽ cung cấp để nhớ thông tin đăng nhập này và nếu người dùng đồng ý, trình duyệt sẽ tự động điền vào các trường đó vào lần tiếp theo người dùng truy cập trang này.
• Nếu một trang web đặt autocomplete = "tắt" cho các trường nhập tên người dùng và mật khẩu, thì trình duyệt vẫn sẽ cung cấp để nhớ thông tin đăng nhập này và nếu người dùng đồng ý, trình duyệt sẽ tự động điền các trường đó vào lần tiếp theo người dùng truy cập trang này.

Đây là hành vi trong Firefox (kể từ phiên bản 38), Google Chrome (từ 34) và Internet Explorer (kể từ phiên bản 11).

Cuối cùng một thông tin nhỏ về việc thuộc tính thuộc về formphần tử hay inputphần tử. Thông số kỹ thuật một lần nữa có câu trả lời:

Nếu thuộc tính tự động hoàn thành bị bỏ qua, giá trị mặc định tương ứng với trạng thái thuộc tính tự động hoàn thành của chủ sở hữu mẫu của phần tử được sử dụng thay thế ("bật" hoặc "tắt"). Nếu không có chủ sở hữu biểu mẫu, thì giá trị "bật" được sử dụng.

Vì thế. Đặt nó trên biểu mẫu nên áp dụng cho tất cả các trường đầu vào. Đặt nó vào một yếu tố riêng lẻ nên áp dụng cho chỉ yếu tố đó (ngay cả khi không có yếu tố nào trên biểu mẫu). Nếuautocomplete không được đặt ở tất cả, nó mặc định là on.

Tóm lược

Để vô hiệu hóa autocompletetrên toàn bộ biểu mẫu:

<form autocomplete="off" ...>

Hoặc nếu bạn cần phải làm điều đó:

<form autocomplete="random-string" ...>

Để vô hiệu hóa autocompletetrên một thành phần riêng lẻ (bất kể cài đặt biểu mẫu có mặt hay không)

<input autocomplete="off" ...>

Hoặc nếu bạn cần phải làm điều đó:

<input autocomplete="random-string" ...>

Và hãy nhớ rằng các tác nhân người dùng nhất định có thể ghi đè ngay cả những nỗ lực chiến đấu khó khăn nhất của bạn để vô hiệu hóa autocomplete.

Giải pháp hiện nay là sử dụng type="search" . Google không áp dụng tự động điền cho các đầu vào với một loại tìm kiếm.

Xem: https://twitter.com/Paul_Kinlan/status/596613148985171968

Cập nhật 04/04/2016: Hình như cái này đã được sửa! Xem http://codereview.chromium.org/1473733008

Chrome phiên bản 34 bây giờ bỏ qua autocomplete=off, xem này .

Rất nhiều cuộc thảo luận về việc đây là điều tốt hay điều xấu? Quan điểm của bạn là gì?

Trình duyệt không quan tâm đến tự động hoàn thành = tắt tự động hoặc thậm chí điền thông tin đăng nhập vào trường văn bản sai?

Tôi đã sửa nó bằng cách đặt trường mật khẩu thành chỉ đọc và kích hoạt nó, khi người dùng nhấp vào nó hoặc sử dụng phím tab cho trường này.

sửa lỗi tự động điền trình duyệt: chỉ đọc và đặt writeble vào tiêu điểm (khi nhấp chuột và tab qua các trường)

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

Cập nhật: Mobile Safari đặt con trỏ trong trường, nhưng không hiển thị bàn phím ảo. Fix mới hoạt động như trước nhưng xử lý bàn phím ảo:

<input id="email" readonly type="email" onfocus="if (this.hasAttribute('readonly')) {
    this.removeAttribute('readonly');
    // fix for mobile safari to show virtual keyboard
    this.blur();    this.focus();  }" />

Bản demo trực tiếp https://jsfiddle.net/danielsuess/n0scguv6/

// Cập nhật

Nhân tiện, thêm thông tin về quan sát của tôi:

Đôi khi tôi nhận thấy hành vi kỳ lạ này trên Chrome và Safari, khi có các trường mật khẩu ở dạng tương tự. Tôi đoán, trình duyệt tìm trường mật khẩu để chèn thông tin đăng nhập đã lưu của bạn. Sau đó, nó tự động điền tên người dùng vào trường nhập văn bản gần nhất, xuất hiện trước trường mật khẩu trong DOM (chỉ cần đoán do quan sát). Vì trình duyệt là phiên bản cuối cùng và bạn không thể kiểm soát nó, đôi khi , ngay cả autocomplete = off cũng không thể ngăn thông tin đăng nhập vào các trường sai, nhưng không phải trường người dùng hoặc biệt hiệu.

Bạn có thể dùng autocomplete="new-password"

<input type="email" name="email">
<input type="password" name="password" autocomplete="new-password">

Hoạt động trong:

• Chrome: 53, 54, 55
• Firefox: 48, 49, 50

TL; DR: Nói với Chrome rằng đây là đầu vào mật khẩu mới và nó sẽ không cung cấp mật khẩu cũ dưới dạng đề xuất tự động hoàn thành:

<input type="password" name="password" autocomplete="new-password">

autocomplete="off" không hoạt động do quyết định thiết kế - rất nhiều nghiên cứu cho thấy người dùng có thời gian hack mật khẩu lâu hơn và khó hơn nếu họ có thể lưu trữ chúng trong trình duyệt hoặc trình quản lý mật khẩu.

Thông số kỹ thuật cho autocomplete đã thay đổi và hiện hỗ trợ các giá trị khác nhau để giúp các biểu mẫu đăng nhập dễ dàng tự động hoàn thành:

<!-- Auto fills with the username for the site, even though it's email format -->
<input type="email" name="email" autocomplete="username">

<!-- current-password will populate for the matched username input  -->
<input type="password" autocomplete="current-password" />

Nếu bạn không cung cấp những Chrome này vẫn cố đoán và khi nào thì Chrome sẽ bỏ qua autocomplete="off".

Giải pháp là autocompletecác giá trị cũng tồn tại cho các hình thức đặt lại mật khẩu:

<label>Enter your old password:
    <input type="password" autocomplete="current-password" name="pass-old" />
</label>
<label>Enter your new password:
    <input type="password" autocomplete="new-password" name="pass-new" />
</label>
<label>Please repeat it to be sure:
    <input type="password" autocomplete="new-password" name="pass-repeat" />
</label>

Bạn có thể sử dụng autocomplete="new-password"cờ này để yêu cầu Chrome không đoán mật khẩu, ngay cả khi nó có một mật khẩu được lưu trữ cho trang web này.

Chrome cũng có thể quản lý mật khẩu cho các trang web trực tiếp bằng API thông tin đăng nhập , đây là một tiêu chuẩn và cuối cùng có thể sẽ có hỗ trợ chung.

Tôi đã giải quyết cuộc chiến bất tận với Google Chrome bằng việc sử dụng các ký tự ngẫu nhiên. Khi bạn luôn kết xuất tự động hoàn thành với chuỗi ngẫu nhiên, nó sẽ không bao giờ nhớ bất cứ điều gì.

<input name="name" type="text" autocomplete="rutjfkde">

Hy vọng rằng nó sẽ giúp cho những người khác.

Autocomplete="Off" không làm việc nữa.

"Off"Ví dụ, hãy thử sử dụng một chuỗi ngẫu nhiên thay vìAutocomplete="NoAutocomplete"

Tôi hy vọng nó sẽ giúp.

Nhìn thấy chrome bỏ qua autocomplete="off", tôi giải quyết nó bằng một cách ngu ngốc đó là sử dụng "đầu vào giả" để lừa đảo chrome để lấp đầy nó thay vì lấp đầy cái "thật".

Thí dụ:

<input type="text" name="username" style="display:none" value="fake input" /> 
<input type="text" name="username" value="real input"/>

Chrome sẽ điền vào "đầu vào giả" và khi gửi, máy chủ sẽ lấy giá trị "đầu vào thực".

Tôi đang đăng câu trả lời này để mang lại một giải pháp cập nhật cho vấn đề này. Tôi hiện đang sử dụng Chrome 49 và không có câu trả lời nào cho công việc này. Tôi cũng đang tìm kiếm một giải pháp làm việc với các trình duyệt khác và các phiên bản trước.

Đặt mã này vào đầu mẫu của bạn

<div style="display: none;">
    <input type="text" autocomplete="new-password">
    <input type="password" autocomplete="new-password">
</div>

Sau đó, đối với trường mật khẩu thực của bạn, hãy sử dụng

<input type="password" name="password" autocomplete="new-password">

Nhận xét câu trả lời này nếu điều này không còn hoạt động hoặc nếu bạn gặp sự cố với trình duyệt hoặc phiên bản khác.

Đồng ý:

• Chrome: 49
• Firefox: 44, 45
• Cạnh: 25
• Internet Explorer: 11

Đối với bất cứ ai đang tìm kiếm một giải pháp cho vấn đề này, cuối cùng tôi cũng tìm ra nó.

Chrome chỉ tuân theo chế độ tự động hoàn thành = "tắt" nếu trang là trang HTML5 (Tôi đang sử dụng XHTML).

Tôi đã chuyển đổi trang của mình sang HTML5 và vấn đề đã biến mất (facepalm).

Thay đổi thuộc tính loại đầu vào thành type="search".

Google không áp dụng tự động điền vào các đầu vào với một loại tìm kiếm.

Cho đến tận tuần trước, hai giải pháp bên dưới dường như hoạt động cho Chrome, IE và Firefox. Nhưng với việc phát hành Chrome phiên bản 48 (và vẫn còn 49), chúng không còn hoạt động:

1. Sau đây ở đầu biểu mẫu:

<input style="display:none" type="text" name="fakeUsername"/>
<input style="display:none" type="password" name="fakePassword"/>

2. Sau đây trong phần tử nhập mật khẩu:

   tự động hoàn thành = "tắt"

Vì vậy, để nhanh chóng khắc phục điều này, lúc đầu, tôi đã cố gắng sử dụng một hack lớn ban đầu là thiết lập yếu tố nhập mật khẩu thành vô hiệu hóa và sau đó sử dụng setTimeout trong chức năng sẵn sàng tài liệu để kích hoạt lại.

setTimeout(function(){$('#PasswordData').prop('disabled', false);}, 50);

Nhưng điều này có vẻ rất điên rồ và tôi đã thực hiện thêm một số tìm kiếm và tìm thấy câu trả lời của @tibalts trong Vô hiệu hóa Tự động điền Chrome . Câu trả lời của anh ấy là sử dụng autocomplete = "new-password" trong mật khẩu nhập và điều này dường như hoạt động trên tất cả các trình duyệt (Tôi đã giữ bản sửa lỗi số 1 ở trên ở giai đoạn này).

Đây là liên kết trong cuộc thảo luận về nhà phát triển Google Chrome: https://code.google.com.vn/p/chromium/issues/detail?id=370363#c7

autocomplete=off phần lớn bị bỏ qua trong các trình duyệt hiện đại - chủ yếu là do người quản lý mật khẩu, v.v.

Bạn có thể thử thêm autocomplete="new-password"nó không được hỗ trợ đầy đủ bởi tất cả các trình duyệt, nhưng nó hoạt động trên một số

autocomplete="off"thường làm việc, nhưng không phải lúc nào cũng vậy. Nó phụ thuộc namevào trường đầu vào. Các tên như "địa chỉ", 'email', 'tên' - sẽ được tự động hoàn thành (trình duyệt nghĩ rằng chúng giúp người dùng), khi các trường như "mã", "pin" - sẽ không được tự động hoàn thành (nếu autocomplete="off"được đặt)

Vấn đề của tôi là - tự động hoàn tất đã gây rối với trình trợ giúp địa chỉ google

Tôi đã sửa nó bằng cách đổi tên nó

từ

<input type="text" name="address" autocomplete="off">

đến

<input type="text" name="the_address" autocomplete="off">

Đã thử nghiệm trong chrome 71.

Thay vì autocomplete = "off", hãy sử dụng autocomplete = "false" ;)

từ: https://stackoverflow.com/a/29582380/75799

Không biết tại sao điều này hoạt động trong trường hợp của tôi, nhưng trên chrome tôi đã sử dụng autocomplete="none"và Chrome đã dừng đề xuất địa chỉ cho trường văn bản của tôi.

Kể từ Chrome 42, không có giải pháp / hack nào trong chuỗi này (kể từ 2015-05-21T12:50:23+00:00) hoạt động để vô hiệu hóa tự động hoàn thành cho một trường riêng lẻ hoặc toàn bộ biểu mẫu.

EDIT: Tôi thấy rằng bạn thực sự chỉ cần chèn một trường email giả vào biểu mẫu của mình (bạn có thể ẩn nó display: none) trước các trường khác để ngăn tự động hoàn tất. Tôi cho rằng chrome lưu trữ một số loại chữ ký biểu mẫu với mỗi trường tự động hoàn thành và bao gồm một trường email khác làm hỏng chữ ký này và ngăn tự động hoàn thành.

<form action="/login" method="post">
    <input type="email" name="fake_email" style="display:none" aria-hidden="true">
    <input type="email" name="email">
    <input type="password" name="password">
    <input type="submit">
</form>

Tin tốt là vì "chữ ký biểu mẫu" bị hỏng bởi điều này, không có trường nào được tự động hoàn thành, do đó không cần phải xóa JS để xóa các trường giả trước khi gửi.

Câu trả lời cũ:

Điều duy nhất tôi thấy vẫn còn khả thi là chèn hai trường giả loại email và mật khẩu trước các trường thực. Bạn có thể đặt chúng để display: noneẩn chúng đi (không đủ thông minh để bỏ qua các trường đó):

<form action="/login" method="post">
    <input type="email" name="fake_email" style="display:none" aria-hidden="true">
    <input type="password" name="fake_password" style="display:none" aria-hidden="true">
    <input type="email" name="email">
    <input type="password" name="password">
    <input type="submit">
</form>

Thật không may, các trường phải nằm trong biểu mẫu của bạn (nếu không cả hai bộ đầu vào đều được tự động điền). Vì vậy, để các trường giả thực sự bị bỏ qua, bạn sẽ cần một số JS để chạy trên biểu mẫu gửi để xóa chúng:

form.addEventListener('submit', function() {
    form.elements['fake_email'].value = '';
    form.elements['fake_password'].value = '';
});

Lưu ý từ phía trên rằng việc xóa giá trị bằng Javascript hoạt động để ghi đè tự động hoàn tất. Vì vậy, nếu việc mất hành vi phù hợp với JS bị vô hiệu hóa là có thể chấp nhận được, bạn có thể đơn giản hóa tất cả những điều này với một "polyfill" tự động hoàn thành của JS cho Chrome:

(function(document) {

    function polyfillAutocomplete(nodes) {

        for(var i = 0, length = nodes.length; i < length; i++) {

            if(nodes[i].getAttribute('autocomplete') === 'off') {

                nodes[i].value = '';
            }
        }
    }

    setTimeout(function() {

        polyfillAutocomplete(document.getElementsByTagName('input'));
        polyfillAutocomplete(document.getElementsByTagName('textarea'));

    }, 1);

})(window.document);

Tôi gặp vấn đề tương tự khi trường nhập liệu lấy tên hoặc email. Tôi đã đặt tự động hoàn thành = "tắt" nhưng Chrome vẫn buộc phải đề xuất. Hóa ra đó là vì văn bản giữ chỗ có dòng chữ "tên" và "email" trong đó.

Ví dụ

<input type="text" placeholder="name or email" autocomplete="off" />

Tôi đã khắc phục nó bằng cách đặt một khoảng trống có chiều rộng bằng không vào các từ trong trình giữ chỗ. Không còn tự động hoàn thành Chrome.

<input type="text" placeholder="nam&#8203;e or emai&#8203;l" autocomplete="off" />

Trong Chrome 48+, hãy sử dụng giải pháp này:

1. Đặt các trường giả trước các trường thực:

   <form autocomplete="off">
     <input name="fake_email"    class="visually-hidden" type="text">
     <input name="fake_password" class="visually-hidden" type="password">
   
     <input autocomplete="off" name="email"    type="text">
     <input autocomplete="off" name="password" type="password">
   </form>

2. Ẩn các trường giả mạo:

   .visually-hidden {
     margin: -1px;
     padding: 0;
     width: 1px;
     height: 1px;
     overflow: hidden;
     clip: rect(0 0 0 0);
     clip: rect(0, 0, 0, 0);
     position: absolute;
   }

3. Bạn làm được rồi!

Ngoài ra điều này sẽ làm việc cho các phiên bản cũ hơn.

Sau chrome v. 34, cài đặt autocomplete="off"tại <form>thẻ không hoạt động

Tôi đã thực hiện các thay đổi để tránh hành vi gây phiền nhiễu này:

1. Xóa namevà idnhập mật khẩu
2. Đặt một lớp vào đầu vào (ví dụ passwordInput:)

(Cho đến nay, Chrome sẽ không đặt mật khẩu đã lưu vào đầu vào, nhưng hiện tại biểu mẫu đã bị hỏng)

Cuối cùng, để làm cho biểu mẫu hoạt động, hãy đặt mã này để chạy khi người dùng nhấp vào nút gửi hoặc bất cứ khi nào bạn muốn kích hoạt biểu mẫu gửi:

var sI = $(".passwordInput")[0];
$(sI).attr("id", "password");
$(sI).attr("name", "password");

Trong trường hợp của tôi, tôi đã sử dụng hav id="password" name="password"trong đầu vào mật khẩu, vì vậy tôi đặt chúng trở lại trước khi kích hoạt đệ trình.

Sau khi đã thử tất cả các giải pháp, đây là những gì dường như đang hoạt động cho phiên bản chrome: 45, với hình thức có trường mật khẩu:

 jQuery('document').ready(function(){
        //For disabling Chrome Autocomplete
        jQuery( ":text" ).attr('autocomplete','pre'+Math.random(0,100000000));
 });

Tôi vừa cập nhật lên Chrome 49 và giải pháp của Diogo Cid không hoạt động nữa.

Tôi đã thực hiện một cách giải quyết khác để ẩn và xóa các trường trong thời gian chạy sau khi trang được tải.

Chrome hiện bỏ qua cách giải quyết ban đầu khi áp dụng thông tin đăng nhập cho trường được hiển thị đầu tiên type="password"và type="text"trường trước đó , vì vậy tôi đã ẩn cả hai trường bằng CSS visibility: hidden;

<!-- HTML -->
<form>
    <!-- Fake fields -->
    <input class="chromeHack-autocomplete">
    <input type="password" class="chromeHack-autocomplete">

    <input type="text" placeholder="e-mail" autocomplete="off" />
    <input type="password" placeholder="Password" autocomplete="off" />
</form>

<!-- CSS -->
.chromeHack-autocomplete {
    height: 0px !important;
    width: 0px !important;
    opacity: 0 !important;
    padding: 0 !important; margin: 0 !important;
}

<!--JavaScript (jQuery) -->
jQuery(window).load(function() {
    $(".chromeHack-autocomplete").delay(100).hide(0, function() {
        $(this).remove();
    });
});

Tôi biết rằng nó có vẻ không thanh lịch nhưng nó hoạt động.

tôi thấy giải pháp này là phù hợp nhất:

function clearChromeAutocomplete()
{
// not possible, let's try: 
if (navigator.userAgent.toLowerCase().indexOf('chrome') >= 0) 
{
document.getElementById('adminForm').setAttribute('autocomplete', 'off'); 
setTimeout(function () {
        document.getElementById('adminForm').setAttribute('autocomplete', 'on'); 
}, 1500);
}
}

Nó phải được tải sau khi dom sẵn sàng, hoặc sau khi biểu mẫu kết xuất lại.

Mặc dù tôi đồng ý tự động hoàn thành nên là sự lựa chọn của người dùng, đôi khi Chrome quá nhiệt tình với nó (các trình duyệt khác cũng có thể như vậy). Chẳng hạn, trường mật khẩu có tên khác vẫn được điền tự động với mật khẩu đã lưu và trường trước đó được điền tên người dùng. Điều này đặc biệt hấp dẫn khi biểu mẫu là một hình thức quản lý người dùng cho một ứng dụng web và bạn không muốn tự động điền vào nó với thông tin đăng nhập của riêng bạn.

Chrome hoàn toàn bỏ qua autocomplete = "tắt" ngay bây giờ. Trong khi các bản hack JS có thể hoạt động tốt, tôi đã tìm thấy một cách đơn giản hoạt động tại thời điểm viết:

Đặt giá trị của trường mật khẩu thành ký tự điều khiển 8 ( "\x08"bằng PHP hoặc bằng HTML). Điều này dừng Chrome tự động điền vào trường vì nó có giá trị, nhưng không có giá trị thực tế nào được nhập vì đây là ký tự backspace.

Vâng, đây vẫn là một hack, nhưng nó hoạt động với tôi. YMMV.