Existe uma maneira de impedir que a extensão do navegador LastPass preencha um formulário baseado em HTML com um campo de entrada com o nome "nome de usuário"?

Este é um campo oculto, portanto, não quero que nenhum software use esse campo para seus propósitos:

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

A solução não deve ser como "renomear o campo de entrada".

Adicionando

data-lpignore="true"

para um campo de entrada, desabilitou a caixa cinza [...] LastPass para mim.

Originado de LastPass.com

Duas condições devem ser atendidas:

1. O formulário (não o elemento) precisa ter autocomplete="off"atributo
2. O usuário Lastpass precisa ter esta opção ativada: Settings > Advanced > Allow pages to disable autofill

Portanto, isso depende do usuário e do desenvolvedor.

O que funcionou para mim foi ter a palavra "-search-" no id do formulário, algo como <form id="affiliate-search-form">- e lastpass não adiciona seus elementos nas entradas do formulário. Funciona com algo mais simples, <form id="search">mas não funciona com<form id="se1rch">

Sei que estou atrasado para a festa aqui, mas descobri isso quando estava tentando impedir que o lastpass estragasse meus formulários. @takeshin está correto, pois o preenchimento automático não é suficiente. Acabei fazendo o hack abaixo apenas para esconder o símbolo. Não é bonito, mas me livrei do ícone.

Se algum desenvolvedor lastpass estiver lendo isso, forneça um atributo para usar, para que não tenhamos que recorrer a coisas como essa.

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

Eu acho que o lastpass honra o autocomplete="off"atributo de entradas, mas não tenho 100% de certeza.

EDITAR Como outros já apontaram. isso só funciona se o último passe do usuário estiver configurado para honrar isso.

Para mim, trabalhou tanto o type=searchque é igual textou usando role=note.

Você pode verificar o LastPass-JavaScript, mas é enorme, pode ser que você encontre alguma solução alternativa lá, pelo que vi, eles verificam apenas 4 tipos de entrada, portanto, input type=searchseria uma solução alternativa:

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

Além disso, essas são as rolepalavras - chave que parecem ignorar:

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

Eu verifiquei LastPass ' onloadwff.js, prepare-se para 26.960 linhas de código :)

Adicione "pesquisa" para inserir o ID

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

Tarde demais para a festa, mas acabei de conseguir isso modificando o formulário com:

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

Eu acho que esse tolo passa a pensar que é um formulário de pesquisa. No entanto, isso não funciona para campos de senha! Lastpass ignora o campo de nome neste caso.

A única maneira de conseguir fazer isso é adicionar o seguinte diretamente na parte superior do formulário:

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

Isso causa um tremor desagradável, mas remove o disparate do preenchimento automático - embora ainda mostre o widget "gerar senha". O LastPass espera até domready e verifica se há algum campo de senha visível, para que não seja possível ocultar ou reduzir os campos simulados acima.

Para esta versão mais recente de outubro de 2019 do Lastpass, esta correção simples parece ser a melhor.

Adicionar

type="search"

à sua entrada.

A rotina lastpass verifica o typeatributo para determinar o que fazer com o preenchimento automático e não faz nada neste html5 typede "pesquisa". Claro que isso é um pouco invasivo, mas é uma alteração de uma linha que pode ser facilmente removida quando eles corrigem seus scripts de buggy.

Nota: Depois de fazer isso, sua entrada pode parecer ter um estilo diferente por alguns navegadores, se eles continuarem no typeatributo. Se você observar isso, você pode impedir que isso aconteça, definindo as propriedades CSS específicas do navegador -webkit-appearancee -moz-appearancepara 'none'a sua entrada.

Esse código de estilo ES6 foi útil para mim, pois adicionou data-lpignore a todos os meus controles de entrada:

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

Para acessar um controle INPUT específico, pode-se escrever algo como isto:

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

Ou você pode fazer isso pelo nome da classe:

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

Nenhuma das opções aqui (preenchimento automático, data lpignore etc.) impediu o LastPass de preencher automaticamente meus campos de formulário, infelizmente. Adotei uma abordagem mais arraigada ao problema e defina de forma assíncrona os nameatributos de entrada via JavaScript. A seguinte função dependente de jQuery (chamada do manipulador de eventos onsubmit do formulário) fez o truque:

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

No formulário, eu simplesmente usei tmp-nameatributos no lugar dos nameatributos equivalentes . Exemplo:

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

Atualização 2019-03-20

Ainda encontrei dificuldades com o exposto acima, devido ao AngularJS, dependendo dos campos do formulário com nameatributos para que o ngMessages apresentasse corretamente as mensagens de erro de validação de campo.

Por fim, a única solução que encontrei para impedir que o LastPass preencha os campos de senha no meu formulário de Alteração de senha foi:

1. Evite usar input[type=password]totalmente, E
2. para não ter 'senha' no nome do campo

Como preciso enviar o formulário normalmente no meu caso, ainda empreguei minha solução original para atualizar os nomes dos campos 'just in time'. Para evitar o uso de campos de entrada de senha, achei que esta solução funcionava muito bem.

Tentei mudar o nome da pesquisa, mas por algum motivo isso não funcionou. O que funcionou para mim é o seguinte:

1. marcar formulário para preenchimento automático - autocomplete = "off"
2. altere o tipo de entrada do campo de formulário para texto
3. adicione uma nova classe ao seu css para mascarar a entrada, simule um campo de senha
4. bit css: input.masker {-webkit-text-security: disco; }

Tentou e testou nas versões mais recentes do FF e Chrome.

Aqui está o que funcionou para mim para impedir que o lastpass preencha uma caixa de barbear @ Html.EditorFor no Chrome:

Clique no ícone LastPass ativo na barra de ferramentas e vá para Opções da conta> Preferências de extensão.

Nesta tela, marque "Não substitua os campos que já foram preenchidos" (na parte inferior)

Em seguida, clique em "avançado" à esquerda.

Nesta tela, marque "Respeitar AutoCompletar = desativado: permitir que sites desabilitem o preenchimento automático".

Não precisei fazer nada de especial no meu formulário cshtml ASP, mas tinha um valor padrão no formulário para a caixa @ Html.EditorFor.

Espero que isso ajude e funcione para alguém. Como não encontrei nenhuma ajuda específica do Razor sobre esse problema na Web, pensei em adicioná-lo, pois descobri com a ajuda do link e das contribuições acima.