html - password - autocomplete=''off'' no está funcionando en Firefox

input autocomplete javascript

Question

Me enfrento a un problema del navegador:

Creé 2 páginas de inicio de sesión del mismo dominio.

1. www.example.com/login.cfm
2. www.example.com/newLogin.cfm

Puse el nombre de formulario diferente para 2 formularios con en estas dos páginas. También puse autocomplete = ''off'' para el segundo formulario y para los campos de texto dentro de ese formulario (pero está autocomplete = ''off'' para el primer formulario).

Ahora, si guardo el nombre de usuario y la contraseña en el momento del inicio de sesión desde www.testDomain.com/login.cfm en el navegador, la lista de nombres de usuario se rellenará automáticamente en el campo de nombre de usuario de la segunda página de inicio de sesión, incluso si el completado automático está desactivado. Necesito bloquear esto por razones de seguridad. ¿Hay alguna manera de hacer esto? Estoy usando FireFox V21.

Answer 1

Agregue autocomplete = "off" a su etiqueta de formulario, como se documenta en el documento de Mozilla

Consulte el siguiente enlace para más información.

Cómo desactivar la función Autocompletar

Answer 2

Esta es la solución más limpia que he encontrado para evitar que Firefox se complete automáticamente.

 <!-- The text and password here are to prevent FF from auto filling my login credentials because it ignores autocomplete="off"-->
 <input type="text" style="display:none">
 <input type="password" style="display:none">

Agregue este código snip-it sobre su entrada de tipo contraseña.

Por lo que puedo decir, Firefox está buscando una entrada de tipo Contraseña, rellenando la contraseña y luego agregando el nombre de usuario a la entrada de texto de tipo que se encuentra arriba. Sin un nombre o una identificación, las entradas no se agregan a la publicación, pero esto sigue siendo un truco.

Answer 3

Esto es trabajo para mí:

<input type="text" name="username" value=" " onclick="if(this.value == '' '') this.value=''''" >

Haga clic here para obtener más información sobre esto.

Answer 4

Gracias a la idea de albert.garipov, hice una solución que imita la funcionalidad del tipo de contraseña. Esto no muestra la contraseña en la entrada

<input type="text" id="password" onkeyup="OnChangePassword()">

function OnChangePassword()
{ 
  if ($("#password").val() == "") {
      $("#password").attr(''type'', ''text'');
  }
  if ($("#password").val() != "") {
      $("#password").attr(''type'', ''password'');
  }
}

Answer 5

La versión 61 de Firefox parece ser suficiente para deshabilitar el autocompletado en formularios:

<input type="password" hidden />

Todas las entradas después de esta en la parte superior del formulario se ignoran.

Answer 6

Me doy cuenta de que esta es una pregunta antigua, pero como sigue siendo relevante en las búsquedas de Google, creo que es importante presentar otro punto de vista que se oponga a muchas de las respuestas que, aunque bien intencionadas, son un tanto miopes.

La prevención del autocompletado para las entradas de inicio de sesión puede generar muchos problemas. No hay beneficios y desventajas significativas. Los humanos son malos para recordar las credenciales, lo que hace que las personas sin administradores de contraseñas usen las mismas contraseñas en varios sitios (a menudo críticos). Si uno de estos sitios está comprometido, existe una gran posibilidad de que un atacante pueda iniciar sesión en otros sitios con las mismas credenciales. Herramientas como LastPass, Bitwarden, Dashlane, Onepassword, etc. existen por una buena razón: ayudan a mantener la web en un lugar más seguro para la mayoría de los usuarios al facilitar el uso de contraseñas separadas por sitio web.

Mozilla, Google y Microsoft están de acuerdo con esto y han decidido deliberadamente ignorar la directiva autocomplete="off" en muchos casos donde es probable que sea más beneficioso, a largo plazo. Para más detalles sobre esto, recomiendo echar un vistazo a los siguientes artículos de Mozilla, Google / Chromium, Microsoft y el Grupo de trabajo de tecnología de aplicaciones de hipertexto web:

• developer.mozilla.org/en-US/docs/Web/Security/…
• https://bugs.chromium.org/p/chromium/issues/detail?id=468153
• https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/9847360/
• https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill

Ahora, puede haber casos en los que esté escribiendo una aplicación interna en una industria con estrictos requisitos de cumplimiento. Puede parecer una buena idea deshabilitar el llenado automático para los formularios de inicio de sesión en este entorno dado el potencial adicional para compartir contraseñas si se deja solo. Mi respuesta a eso sería que esto está fuera del alcance del desarrollador web de aplicaciones para usuario, y debería caer en la experiencia de escritorio y los equipos de operaciones de TI.

Hay muchas maneras en que los departamentos de TI pueden imponer controles en las estaciones de trabajo para evitar el intercambio automático de contraseñas. La directiva de grupo, SCCM, el aprovisionamiento de cuentas con privilegios mínimos, etc. son solo la punta del iceberg, y son mucho más robustos que intentar decirle al agente de usuario que desactive el autocompletar cuando no está diseñado para funcionar de esa manera.

tl; dr: Tómese el tiempo para comprender la plataforma para la que está desarrollando y no trabaje alrededor de las especificaciones para deshabilitar el autocompletado.

Answer 7

Me encontré con este problema durante mucho tiempo. Firefox se mantuvo valores de entrada, incluso la recarga de la página. El ajuste del atributo de autocomplete a off no se resolvió.

El almacenamiento en caché de formularios es un mecanismo realmente útil para la experiencia del usuario. Pero, en el pequeño porcentaje de casos de uso, como la traducción de valores de cuadros de texto o áreas de texto a otro idioma, me causaron dolor de cabeza.

Para resolver esto, simplemente reinicie el formulario después de cargar la página como

 $(''form'').trigger("reset");

Answer 8

Probé todo lo anterior con Firefox 52 y nada funcionó. Sin embargo, conseguí que funcionara con jQuery y reemplazara el valor con el valor original, o bien:

jQuery(window).load( function () {
    email = jQuery(''#auth_user_email'');
    email.prop(''value'', email.attr(''value''));
});

donde en jQuery, la prop es el valor actual en el documento y attr es el original cuando el documento se recupera / carga por primera vez. Utilicé la función de carga porque se ejecuta después de la función lista y creo que definitivamente después de que el autocompletado sobrescriba el valor de entrada. También puede hacer lo mismo con la entrada de contraseña.

Answer 9

También he notado este comportamiento últimamente: solo Firefox; Parece que hay un problema con el atributo '' autocomplete = "off" ''.

Solía ​​funcionar muy bien hasta hace un mes, y se separó cuando se lanzó la versión 30.0 de Firefox .

Todavía funciona muy bien en Chrome + IE;

Answer 10

Una forma de que Firefox no encuentre esos campos es cambiar su tipo a oculto antes de la publicación.

Puede usar jQuery o JavaScript para configurar eso en onclientclick en su botón de envío.

Ejemplo: <script type="text/javascript"> function setHidden() { $(''.input'').prop(''type'', ''hidden''); } </script> <script type="text/javascript"> function setHidden() { $(''.input'').prop(''type'', ''hidden''); } </script>

<input type="text" name="username" class="input">
<input type="password" name="password" class="input" >
<asp:Button ID="ubtnLogin" Text=''OK'' runat="server" OnClick="btnLogin_Click" OnClientClick=''setHidden();'' />

Solo recuerda limpiar la memoria caché de tu navegador antes de probar o usar el modo privado (CTRL + MAYÚS + P).

Answer 11

Use la etiqueta autocomplete = "off" al final de su etiqueta de entrada:

Por ej.

<input type="text" name="username" autocomplete="off" />

Answer 12

https://bugzilla.mozilla.org/show_bug.cgi?id=956906

http://lists.w3.org/Archives/Public/public-webapps/2014JanMar/0015.html

Autocompletar se ha deshabilitado para los campos de entrada de tipo de contraseña. Los enlaces anteriores mencionan eso, respectivamente, para FireFox e IE, pero veo que la configuración de autocompletar en desactivado para la forma tampoco está funcionando.

Answer 13

$("#CVV").on("focusout", function() {
    if ($(this).val() == "") {  
      $(this).attr("type", "text");
    }   
});

<input type="text" name="username" class="input" ID="CVV" onfocus="removeErr(''CVV''); $(this).attr(''type'', ''password'');">

Answer 14

Try this :
<input type="password" style="display:none">
<input type="password" name="password">

El tipo debe ser el mismo. La contraseña oculta se rellenará en lugar de la entrada de contraseña real.

Si se trata de una nueva contraseña (o se restablece), use autocomplete = "new-password" en lugar de autocomplete = "off" .

Espero eso ayude.