Có cách nào để ngăn tiện ích mở rộng trình duyệt LastPass điền vào biểu mẫu dựa trên HTML với trường nhập với tên "tên người dùng" không?

Đây là một trường ẩn, vì vậy tôi không muốn bất kỳ phần mềm nào sử dụng trường này cho mục đích của họ:

<input type="text" name="username" id="checkusername" maxlength="9" value="1999" class="longinput" style="display:none">

Giải pháp không nên giống như "đổi tên trường nhập".

Thêm

data-lpignore="true"

đối với trường đầu vào đã vô hiệu hóa hộp LastPass [...] màu xám đối với tôi.

Nguồn từ LastPass.com

Hai điều kiện phải được đáp ứng:

1. Biểu mẫu (không phải phần tử) cần phải có autocomplete="off"thuộc tính
2. Người dùng Lastpass cần bật tùy chọn này: Settings > Advanced > Allow pages to disable autofill

Vì vậy, điều này phụ thuộc vào cả người dùng và nhà phát triển.

Điều làm việc cho tôi là có từ "-search-" trong id của biểu mẫu, đại loại như <form id="affiliate-search-form">- và Lastpass không thêm các phần tử của nó vào đầu vào của biểu mẫu. Nó hoạt động với một cái gì đó đơn giản hơn <form id="search">nhưng không hoạt động với<form id="se1rch">

Tôi biết tôi đến bữa tiệc muộn ở đây, nhưng tôi đã tìm thấy điều này khi tôi đang cố gắng ngăn chặn người vượt qua phá hỏng hình thức của mình. @takeshin là chính xác trong đó tự động hoàn thành là không đủ. Tôi đã kết thúc việc hack bên dưới chỉ để ẩn biểu tượng. Không xinh, nhưng tôi đã thoát khỏi biểu tượng.

Nếu bất kỳ nhà phát triển cuối cùng nào đang đọc điều này, xin vui lòng cho chúng tôi một thuộc tính để sử dụng, vì vậy chúng tôi không phải dùng đến những thứ như thế này.

form[autocomplete="off"] input[type="text"] {
    background-position: 150% 50% !important;
}

Tôi nghĩ Lastpass tôn vinh autocomplete="off"thuộc tính cho đầu vào, nhưng tôi không chắc chắn 100%.

EDIT Như những người khác đã chỉ ra. Điều này chỉ hoạt động nếu người dùng có lần cuối được cấu hình để tôn vinh điều này.

Đối với tôi làm việc hoặc type=searchlà bằng texthoặc sử dụng role=note.

Bạn có thể kiểm tra LastPass-JavaScript nhưng nó rất lớn, có thể bạn có thể tìm thấy một số cách giải quyết ở đó, từ những gì tôi thấy họ chỉ kiểm tra 4 loại đầu vào, vì vậy input type=searchsẽ là một cách giải quyết:

!c.form && ("text" == c.type || "password" == c.type || "url" == c.type || "email" == c.type) && lpIsVisible(c))

Ngoài ra, đó là những từ khóa rolemà họ dường như bỏ qua:

var c = b.getAttribute("role");
switch (c) {
case "navigation":
case "banner":
case "contentinfo":
case "note":
case "search":
case "seealso":
case "columnheader":
case "presentation":
case "toolbar":
case "directory":`

Tôi đã kiểm tra LastPass ' onloadwff.js, chuẩn bị cho 26.960 dòng mã :)

Thêm "tìm kiếm" vào id đầu vào

<input type="text" name="user" id="user-search"/>

Bit đến bữa tiệc muộn nhưng tôi vừa đạt được điều này với việc sửa đổi biểu mẫu với:

<form autocomplete="off" name="lastpass-disable-search">

Tôi đoán kẻ ngu này vượt qua suy nghĩ rằng đó là một hình thức tìm kiếm. Điều này không làm việc cho các trường mật khẩu tuy nhiên! Lastpass bỏ qua trường tên trong trường hợp này.

Cách duy nhất tôi quản lý để làm điều này là thêm trực tiếp các mục sau vào đầu biểu mẫu:

<form autocomplete="off">
    <div id="lp" ><input type="text" /><input type="password" /></div><script type="text/javascript">setTimeout(function(){document.getElementById('lp').style.display = 'none'},75);</script>
</form>

Nó gây ra một nhấp nháy khó chịu nhưng loại bỏ tính năng tự động điền vô nghĩa - mặc dù nó vẫn hiển thị tiện ích "tạo mật khẩu". LastPass đợi cho đến khi sẵn sàng và sau đó kiểm tra xem liệu có bất kỳ trường mật khẩu hiển thị nào không, vì vậy không thể ẩn hoặc thu nhỏ các trường giả ở trên.

Đối với bản phát hành lỗi mới nhất vào tháng 10 năm 2019 của Lastpass, bản sửa lỗi đơn giản này có vẻ là tốt nhất.

Thêm vào

type="search"

để đầu vào của bạn.

Kiểm tra thường xuyên lastpass các typethuộc tính để xác định những gì để làm với tự động điền của nó, và nó không có gì trên html5 này typecủa "search". Chắc chắn đây là một vụ hack nhẹ, nhưng đó là một thay đổi một dòng có thể dễ dàng xóa khi họ sửa tập lệnh lỗi của họ.

Lưu ý: Sau khi thực hiện việc này, đầu vào của bạn có thể được tạo kiểu khác với một số trình duyệt nếu chúng chọn typethuộc tính. Nếu bạn quan sát này, bạn có thể ngăn chặn nó xảy ra bằng cách thiết lập các thuộc tính CSS trình duyệt cụ thể -webkit-appearancevà -moz-appearanceđể 'none'trên đầu vào của bạn.

Mã kiểu ES6 này hữu ích cho tôi vì nó đã thêm dữ liệu-lpignore vào tất cả các điều khiển đầu vào của tôi:

const elements = document.getElementsByTagName("INPUT");
for (let element of elements) {
    element.setAttribute("data-lpignore", "true");
}

Để truy cập một điều khiển INPUT cụ thể, người ta có thể viết một cái gì đó như thế này:

document.getElementById('userInput').setAttribute("data-lpignore", "true");

Hoặc, bạn có thể làm điều đó theo tên lớp:

const elements = document.getElementsByClassName('no-last-pass');
for (let element of elements) {
    element.setAttribute("data-lpignore", "true");
}

Không có tùy chọn nào ở đây (tự động hoàn thành, dữ liệu lpignore, v.v.) đã ngăn LastPass tự động điền vào các trường mẫu của tôi một cách đáng tiếc. Tôi đã sử dụng một cách tiếp cận búa tạ nhiều hơn cho vấn đề và namethay vào đó đặt không đồng bộ các thuộc tính đầu vào thông qua JavaScript. Hàm phụ thuộc jQuery sau đây (được gọi từ trình xử lý sự kiện onsubmit của biểu mẫu) đã thực hiện thủ thuật:

function setInputNames() {
    $('#myForm input').each(function(idx, el) {
        el = $(el);
        if (el.attr('tmp-name')) {
            el.attr('name', el.attr('tmp-name'));
        }
    });
}

$('#myForm').submit(setInputNames);

Trong biểu mẫu, tôi chỉ đơn giản sử dụng tmp-namecác thuộc tính thay cho các namethuộc tính tương đương . Thí dụ:

<form id="myForm" method="post" action="/someUrl">
    <input name="username" type="text">
    <input tmp-name="password" type="password">
</form>

Cập nhật 2019-03-20

Tôi vẫn gặp khó khăn với tài khoản trên của AngularJS tùy thuộc vào các trường mẫu có namethuộc tính để ngMessages trình bày chính xác các thông báo lỗi xác thực trường.

Cuối cùng, giải pháp duy nhất tôi có thể tìm thấy để ngăn các trường mật khẩu điền vào LastPass trên biểu mẫu Thay đổi mật khẩu của mình là:

1. Tránh sử dụng input[type=password]hoàn toàn, VÀ
2. để không có 'mật khẩu' trong tên trường

Vì tôi cần có thể gửi biểu mẫu bình thường trong trường hợp của mình, tôi vẫn sử dụng giải pháp ban đầu của mình để cập nhật tên trường 'chỉ trong thời gian'. Để tránh sử dụng các trường nhập mật khẩu, tôi thấy giải pháp này hoạt động rất độc đáo.

Đã thử đổi tên -search nhưng vì một số lý do không hoạt động. Những gì làm việc cho tôi là như sau:

1. đánh dấu biểu mẫu để tự động hoàn tất - autocomplete = "tắt"
2. thay đổi kiểu nhập trường biểu mẫu thành văn bản
3. thêm một lớp mới vào css của bạn để che dấu đầu vào, mô phỏng trường mật khẩu
4. bit css: input.masker {-webkit-text-security: đĩa; }

Đã thử và thử nghiệm trong các phiên bản mới nhất của FF và Chrome.

Đây là những gì đã làm việc với tôi để ngăn chặn người cuối cùng điền vào hộp dao cạo @ Html.EditorFor trong Chrome:

Nhấp vào biểu tượng LastPass đang hoạt động trên thanh công cụ của bạn, sau đó chuyển đến Tùy chọn tài khoản> Tùy chọn tiện ích mở rộng.

Trên màn hình này, kiểm tra "Không ghi đè các trường đã được điền" (ở dưới cùng)

Tiếp theo, nhấp vào "nâng cao" ở bên trái.

Trên màn hình này, hãy kiểm tra "Tôn trọng AutoComplete = tắt: cho phép các trang web tắt Tự động điền".

Tôi không cần phải làm bất cứ điều gì đặc biệt trong biểu mẫu cshtml của tôi nhưng tôi đã có một giá trị mặc định trong biểu mẫu cho hộp @ Html.EditorFor.

Tôi hy vọng điều này sẽ giúp và làm việc cho một ai đó. Tôi không thể tìm thấy bất kỳ trợ giúp cụ thể về Dao cạo nào về vấn đề này trên web vì vậy tôi nghĩ tôi đã thêm điều này vì tôi đã tìm ra nó với sự trợ giúp của liên kết và đóng góp ở trên.