LastPassブラウザー拡張機能がHTMLベースのフォームに「username」という名前の入力フィールドを入力しないようにする方法はありますか？

これは非表示のフィールドであるため、ソフトウェアでこのフィールドを目的に使用したくありません。

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

解決策は、「入力フィールドの名前を変更する」のようなものであってはなりません。

追加

data-lpignore="true"

入力フィールドに移動すると、灰色のLastPass [...]ボックスが無効になりました。

LastPass.comから提供

次の2つの条件を満たす必要があります。

1. フォーム（ない要素）が持っている必要がありますautocomplete="off"属性を
2. Lastpassユーザーはこのオプションを有効にする必要があります： Settings > Advanced > Allow pages to disable autofill

したがって、これはユーザーと開発者の両方に依存します。

私にとってうまくいったのは、フォームのIDに「-search-」という単語が含まれていることです。たとえば<form id="affiliate-search-form">、lastpassはその要素をフォーム入力に追加しません。それはのようなより単純なもので動作します<form id="search">が、動作しません<form id="se1rch">

私はここのパーティーに遅れていることを知っていますが、フォームを台無しにしないようにパスパスを止めようとしたときにこれを見つけました。@takeshinはオートコンプリートだけでは不十分であるという点で正しいです。シンボルを非表示にするためだけに、以下のハックを行いました。きれいではありませんが、アイコンを削除しました。

ラストパスの開発者がこれを読んでいる場合は、使用する属性を指定してください。そのため、このようなものに頼る必要はありません。

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

私が考えててLastPass名誉にautocomplete="off"入力の属性を、私は確信して100％ではないです。

編集 他が指摘したように。これは、ユーザーがこれを受け入れるように構成された最後のパスを持っている場合にのみ機能します。

私にとっては、type=searchと同じか、textまたはを使用して作業しましたrole=note。

LastPass-JavaScriptをチェックすることはできますが、それinput type=searchは非常に大きく、4つの入力タイプしかチェックしないので、そこで回避策が見つかるかもしれません。

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

また、それらはrole無視しているように見えるキーワードです。

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":`

LastPassをチェックしonloadwff.js、26.960行のコードを準備しました:)

入力IDに「検索」を追加します

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

パーティーに少し遅れましたが、私はフォームを次のように変更してこれを達成しました：

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

これは、それが検索フォームであると考えるための最後のパスです。ただし、これはパスワードフィールドでは機能しません。この場合、Lastpassは名前フィールドを無視します。

私がこれを行うことができた唯一の方法は、フォームの上部に直接以下を追加することです：

<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>

厄介なちらつきが発生しますが、自動入力の意味がなくなりますが、「パスワードの生成」ウィジェットは表示されます。LastPassはdomreadyまで待機してから、表示されているパスワードフィールドがあるかどうかを確認するため、上のモックフィールドを非表示にしたり縮小したりすることはできません。

Lastpassのこの最新の2019年10月バギーリリースでは、この単純な修正が最善のようです。

追加

type="search"

あなたの入力に。

lastpassルーチンは、type属性をチェックして自動入力をどうするかを決定し、このtype「検索」のhtml5では何もしません。確かにこれは少しハックですが、バグのあるスクリプトを修正するときに簡単に削除できる1行の変更です。

注：これを行った後、一部のブラウザーがtype属性を取得すると、入力のスタイルが異なる場合があります。これを確認した場合は、ブラウザ固有のCSSプロパティ-webkit-appearanceと-moz-appearanceを'none'入力に設定することで、これを防ぐことができます。

このES6スタイルのコードは、data-lpignoreをすべての入力コントロールに追加したので、私にとって役立ちました。

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

特定のINPUTコントロールにアクセスするには、次のように記述します。

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

または、クラス名で行うこともできます。

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

ここのオプション（オートコンプリート、data-lpignoreなど）のいずれも、残念ながらLastPassがフォームフィールドを自動入力できないようにしていません。私は問題に対してよりスレッジハンマーのアプローチをとり、name代わりにJavaScriptを介して入力属性を非同期に設定しました。次のjQuery依存関数（フォームのonsubmitイベントハンドラーから呼び出される）がトリックを実行しました。

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);

フォームでtmp-nameは、同等のname属性の代わりに属性を使用しました。例：

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

アップデート2019-03-20

namengMessagesがフィールド検証エラーメッセージを正しく表示するために、属性を持つフォームフィールドに依存しているAngularJSのため、上記の問題に依然として遭遇しました。

最終的に、LastPassがパスワード変更フォームのパスワードフィールドに入力するのを防ぐために私が見つけた唯一の解決策は、次のとおりでした。

1. input[type=password]完全に使用しないでください
2. フィールド名に「パスワード」を含めない

私の場合、フォームを通常どおり送信できるようにする必要があるため、元のソリューションを使用して、フィールド名を「ジャストインタイム」で更新しました。パスワード入力フィールドの使用を回避するために、この解決策は非常にうまく機能していることがわかりました。

-searchの名前変更を試みましたが、何らかの理由で機能しませんでした。私のために働いたのは次のとおりです：

1. フォームにオートコンプリートのマークを付ける-autocomplete = "off"
2. フォームフィールドの入力タイプをテキストに変更する
3. CSSに新しいクラスを追加して入力をマスクし、パスワードフィールドをシミュレートします
4. cssビット：input.masker {-webkit-text-security：disc; }

FFとChromeの最新バージョンで試してテストしました。

これは、lastpassがChromeのかみそりの@ Html.EditorForボックスを埋めないようにするために私が働いたものです：

ツールバーのアクティブなLastPassアイコンをクリックし、[アカウントオプション]> [拡張設定]に移動します。

この画面で、「既に入力されているフィールドを上書きしない」にチェックしてください（下部）。

次に、左側の「詳細」をクリックします。

この画面で、「オートコンプリートを尊重する=オフ：Webサイトがオートフィルを無効にできるようにする」にチェックを入れます。

ASP cshtmlフォームで特別なことをする必要はありませんでしたが、@ Html.EditorForボックスのフォームにデフォルト値がありました。

これが誰かのために役立ち、うまくいくことを願っています。私はこの問題に関するRazor固有のヘルプをウェブ上で見つけることができなかったので、上記のリンクと貢献の助けを借りてそれを理解したので、これを追加すると思いました。