html - source - Detener Google Chrome rellena automáticamente la entrada

view source chrome android

Question

Esta pregunta ya tiene una respuesta aquí:

• Desactivando Chrome Autofill 70 respuestas

Tengo un input type text para que el usuario cambie su correo electrónico y contraseña en la página de configuración de la cuenta .

¿Cómo puede detener Chrome auto llenar la entrada.

Chrome recuerda los input data de la página de inicio de sesión y se completa automáticamente en la página de configuración de la cuenta.

Chrome completa automáticamente la input cambia mi correo electrónico y contraseña en la página de configuración de la cuenta

Answer 1

¿Está configurando explícitamente los valores en blanco? Por ejemplo:

<input type="text" name="textfield" value="">

Eso debería evitar que los navegadores pongan datos en donde no deberían. Alternativamente, puede agregar el atributo autocompletar a la etiqueta de formulario:

<form autocomplete="off" ...></form>

Answer 2

Al establecer autocomplete = "nueva-contraseña", funciona. Antes de la prueba, primero borras los datos de navegación

Answer 3

Casi salté por la ventana tratando de resolver esto ... parece que Google ahora ignora Autocompletar ENCENDIDO y APAGADO. Lo había usado en una solución anterior (como campos falsos de contraseña oculta, que tampoco funcionaban). Basado en la especificación del estándar de vida, en su lugar debe usar tokens de relleno automático. Debe usarlos en el contexto de caso de uso apropiado. Espero que esto sea de ayuda.

https://html.spec.whatwg.org/multipage/forms.html#autofilling-form-controls:-the-autocomplete-attribute

Answer 4

Chrome ignora tanto autocompletar = "cualquier cosa" como campos ocultos. Una solución HTML / CSS estaría usando un campo de contraseña posicionado absoluto antes de la real:

<input type="text" name="username" required>
<input style="visibility: hidden; position: absolute; left:-99999px" type="password" name="fakepasswordfieldtoturnoffautocomplete">
<input type="password" name="password" required>

EDITAR:

Como se mencionó en otras muchas respuestas en otras preguntas duplicadas, la solución de trabajo más elegante hasta ahora es esta:

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

Answer 5

Desafortunadamente, autocomplete="off" no me funcionó (ya). Así que aquí está mi solución:

Primero lea y luego elimine los atributos " name " e " id " de los elementos. Luego, después de 1 ms, vuelva a establecer estos atributos nuevamente con los valores leídos anteriormente. Para mi funciona :)

<form autocomplete="off"><br />
<input type="text" name="username" id="username" /><br />
<input type="password" name="password" id="password" /><br />
</form>

<pre>
    $(''form[autocomplete="off"] input, input[autocomplete="off"]'').each(function(){

        var input = this;
        var name = $(input).attr(''name'');
        var id = $(input).attr(''id'');

        $(input).removeAttr(''name'');
        $(input).removeAttr(''id'');      

        setTimeout(function(){ 
            $(input).attr(''name'', name);
            $(input).attr(''id'', id);            
        }, 1);
    }); 
</pre>

Answer 6

Este problema todavía existe a partir de la versión 55.0.2883.87 m. (en Windows 10)

Soluciones como configurar el atributo autocompletar en un formulario

o agregar campos de entrada falsos y eliminar el atributo de nombre antes de enviarlos ya no funciona, ya que Chrome los ignora o los completa automáticamente al eliminarlos.

La única forma de que funcione actualmente según lo previsto es establecer el atributo autocompletar en "nueva-contraseña"

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

incluso en entradas de tipo sin contraseña.

Answer 7

Esto funciona:

<form autocomplete="off" ...></form>

Probado en Chrome 56.0.2924.87 (64 bits)

Answer 8

Ingrese un valor de '''' (un espacio en blanco) para el campo de nombre de usuario y Chrome no rellena automáticamente el nombre de usuario o la contraseña.

<div id="form_container">
    <input type="text" name="username" autocomplete="off">
    <input type="password" name="pwd" autocomplete="off">
    <input tytep="submit" name="login" id="login" value="Log In">
</div>`

Si alguna vez llena el nombre de usuario con un valor ingresado por el usuario, ingrese un código '''' si no hay un valor ingresado por el usuario.

Answer 9

La última versión de Chrome (46.0.2490.86) parece haber cambiado de comportamiento nuevamente. Esta vez, Autocompletar no tiene nada que ver con autocomplete o readonly u otras soluciones sugeridas aquí (y en estos informes de errores https://code.google.com/p/chromium/issues/detail?id=468153 , https://bugs.chromium.org/p/chromium/issues/detail?id=587466 )

En su lugar, Autocompletar ahora mira la etiqueta al lado del cuadro de entrada y genera un Autocompletar basado en eso (así como también la identificación y el nombre). Una gran pista es cómo AutoFill puede llenar varios campos a la vez (por ejemplo, Calle, Suburbio y Estado). Parece estar utilizando varias técnicas (etiqueta, nombre, id) para discernir la relación espacial entre los campos.

Entonces, una solución es insertar texto no deseado en la etiqueta dentro de un espacio oculto ...

S<span style="display:none">_</span>uburb:

... y también ofuscar / eliminar el id y el nombre. Esto fue lo único que me impidió Suburb Autocompletar.

Answer 10

Prueba el elemento de contraseña oculta

<input type = ''text'' value = '' '' name = ''username'' />

Answer 11

Prueba esto:

jQuery("#login").click(function(){
    jQuery("#form_container").wrap(''<form method="post"></form>'');
    jQuery("form").submit();
});

El código jquery:

type = "search"

Si no envuelve sus campos de entrada en un formulario, entonces no se abrirá el relleno automático de Chrome.

Cuando haga clic en el botón Enviar, simplemente coloque los campos alrededor del formulario y active un submit() en el formulario.

Answer 12

Tuve un problema similar. Después de todos los intentos fallidos. Probé este truco de configuración

<form>
   <input type="text" name="fakeusername" class="fake-autofill-fields"/>
    <input type="password" name="fakepassword" class="fake-autofill-fields"/>
...
...
</form>


<script>
    $(document).ready(function () {
        $(".fake-autofill-fields").show();
        window.setTimeout(function () {

            $(".fake-autofill-fields").hide();
        }, 1);
    });
</script>

en lugar de texto. Aunque no es un truco bonito. No causa ningún problema en la mayoría de los casos. búsqueda de tipo no es diferente del texto a partir de ahora.

Answer 13

Ya no dependemos de hacks para esto. Puede configurar autocompletar a una nueva contraseña y funcionará según lo previsto.

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

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-autocomplete

Answer 14

Solución 1: poner 2 líneas de código debajo de la etiqueta <form ..> hace el truco.

<form id="form1" runat="server" >
<input style="display:none" type="text" name="fakeusernameremembered"/>
<input style="display:none" type="password" name="fakepasswordremembered"/>

...

Lee mas

Solución 2: elimina los atributos "nombre" e "id" de los elementos y los asigna de nuevo después de 1 ms. Pon esto en el documento prepárate.

$(''form[autocomplete="off"] input, input[autocomplete="off"]'').each(function () {

                var input = this;
                var name = $(input).attr(''name'');
                var id = $(input).attr(''id'');

                $(input).removeAttr(''name'');
                $(input).removeAttr(''id'');

                setTimeout(function () {
                    $(input).attr(''name'', name);
                    $(input).attr(''id'', id);
                }, 1);
            });

Solución 3: Probado en Chrome 60.0.3112.101

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