html - off - Autocompletar apagado vs falso?

primefaces autocomplete off

Question

Recientemente me encontré con un problema en el que quería deshabilitar el autocompletado en todos los navegadores.

Chrome tiene una nueva función en la configuración donde puede agregar un número de tarjeta. Y el requisito era también deshabilitar eso.

Lo que funcionó en todos los navegadores fue hacer esto autocompletar = falso a nivel de formulario.

Pero esto no cumple con las reglas de w3, donde hacen cumplir autocompletar = off | on.

¿Alguien puede explicarme por qué el falso funciona en todos los navegadores?

incluso ie8, todo firefox, safari, etc. Pero no es compatible.

Answer 1

Como una adición a la respuesta @camiblanch

Agregar autocomplete="off" no va a ser suficiente.
Cambie el atributo de tipo de entrada a type="search" .
Google no aplica el autocompletado a las entradas con un tipo de búsqueda.

Answer 2

Después de Chrome versión 72.XX:

Chrome ignora autocomplete="off" autocomplete="no-fill" o autocomplete="randomText" tanto en el campo como en el nivel del formulario.

La única opción que encontré es seguir una solución alternativa engañando a Chrome para completar el autocompletado en un cuadro de texto ficticio y una contraseña y luego ocultarlos de la vista del usuario.

Recuerde que también se ignora el método anterior con style="display: hidden" o style="visibility: hidden" .

FIJAR:

Por lo tanto, cree un DIV con height: 0px;overflow:hidden que aún representará los elementos HTML pero los ocultará de la vista del Usuario.

Código de muestra:

<div style="overflow: none; height: 0px;background: transparent;" data-description="dummyPanel for Chrome auto-fill issue">
<input type="text" style="height:0;background: transparent; color: transparent;border: none;" data-description="dummyUsername"></input>
<input type="password" style="height:0;background: transparent; color: transparent;border: none;" data-description="dummyPassword"></input>
</div>

¡Solo agregue el div anterior en el formulario HTML y debería funcionar!

Answer 3

Tienes razón. Establecer el atributo de autocompletar en "desactivado" no deshabilita el autocompletado de Chrome en versiones más recientes de Chrome.

Sin embargo, puede configurar el autocompletado en cualquier cosa que no sea "on" u "off" ("false", "true", "nofill") y deshabilitará el autocompletado de Chrome.

Este comportamiento probablemente se deba a que el atributo de autocompletar espera un valor de "encendido" o "apagado" y no hace nada si le da algo más. Entonces, si le da algo diferente a esos valores, el autocompletado se desmorona / no hace nada.

Con la versión actual de Chrome, se ha descubierto que configurar el atributo de autocompletar en "off" realmente funciona ahora.

Además, descubrí que esto solo funciona si establece el atributo de autocompletar en cada etiqueta <input> del formulario.

Ha habido una respuesta a esta ambigüedad en las listas de errores de Chromium here .

Descargo de responsabilidad: se encontró que esto es cierto en Chrome versión 47.0.2526.106 (64 bits)

Answer 4

Use autocomplete = "my-field-name" en lugar de autocomplete = "off" . Tenga cuidado con cómo lo llama, ya que algunos valores todavía se reconocen como autocompletar = "país". También descubrí que usar el atributo de marcador de posición ayudó en algunos escenarios difíciles.

Ejemplo: <input type="text" name="field1" autocomplete="my-field-name1" placeholder="Enter your name">

Chrome recientemente dejó de usar autocompletar = "off" porque pensaron que los desarrolladores lo utilizaron en exceso y no pensaron mucho en si el formulario debería completarse automáticamente. Por lo tanto, eliminaron el método anterior y nos hicieron usar uno nuevo para garantizar que realmente no queremos que se complete automáticamente.

Answer 5

Valor de autocompletado distinto de apagado y falsos trabajos.

autoComplete="nope" autoComplete="foo" autoComplete="boo" autoComplete="anythingGoesHere"

Probado en Chrome 76 y reacciona 16.9.0

Answer 6

autocomplete = "none" funciona perfectamente para angularjs y angular 7

Answer 7

$("#selector").attr("autocomplete", "randomString"); 

Esto ha funcionado de manera confiable cada vez para mí.

Nota: He invocado este LOC en el evento de show modal.