¿Qué causaría que Autocompletar de Chrome deje de funcionar?

Question

Tengo un nuevo sitio en el que estamos trabajando que usa HTML5. Todo valida excepto las hojas de estilo LESS y las etiquetas de Facebook. Sin embargo, Chrome no se autocompletará correctamente. Si escribo 'chr' en el campo del primer nombre, obtengo el menú desplegable Autofill estándar debajo de él, pero resaltar, hacer clic o seleccionar la opción de autocompletar no completa el formulario como debería. El menú desplegable Autocompletar simplemente desaparece.

Supongo que hay algo en mi código HTML que está confundiendo el código de autocompletar, pero parece que no puedo encontrar ninguna información en la web sobre la implementación de autocompletar de Chrome y qué cosas buscar cuando no funciona.

Editar: Sé que Autofill funciona correctamente porque funciona en otros sitios, incluso en otros sitios que hemos desarrollado. Tiene que ser algo específico del HTML en este sitio.

Answer 1

Parece que Chrome solo habilita el autocompletado para formularios con un método POST. Esto puede haber sido una actualización de seguridad en una versión reciente.

Llenado automático funcionará si lo hace:

<form id="myForm" action="?go" method="post">

no va a funcionar si se omite el método o que está establecido para obtener:

<form id="myForm" action="?go" method="get">

<form id="myForm" action="?go">

Answer 2

La única manera que conozco en HTML para bloquearlo es establecer: autocomplete = "off" en las entradas.

Sé que las listas desplegables no funcionan a veces con el autocompletar, pero no en los cuadros de texto.

Answer 3

Lo siento, no puedo darle una respuesta definitiva, pero yo comenzaría con la eliminación de todo de la página, excepto ese campo de entrada. Si funciona, comenzaría la "búsqueda binaria", eliminaría la mitad del diseño original y vería si funciona, si no lo está, eliminará la mitad de lo que queda y así sucesivamente hasta que se encuentre la línea del problema.

Igual podría aplicarse a css, js, etc. Es una forma bastante efectiva de buscar errores (para 1024 líneas de código, encontrará la línea de problema exacta en solo 10 pasos).

Answer 4

Chrome no guardará la contraseña ni los datos de autocompletar si se envía un formulario de forma asíncrona. Por ejemplo, si envía el siguiente formulario, Chrome le pedirá que guardar la contraseña:

<form action="/signin"> 
    <input type="text" name="email" /> 
    <input type="password" name="password" /> 
    <button type="submit">Sign In</button> 
</form> 

Sin embargo, si enlaza al evento submit y anular el comportamiento por defecto, no habrá ningún mensaje y los datos de autocompletar no se guardarán:

$(function(){ 
    $('form').submit(function(e){ 
     e.preventDefault(); 
     $.post($(this).attr('action'), $(this).serialize()); 
    }); 
}); 

Probado en 20,0

Answer 5

acabo de fighted con este tema por un tiempo, descubrí que un atributo "name" con un guión como "email-2" causaría que Chrome no aumente para completar el campo En mi caso lo he cambiado a email2 y ahora funciona. Solo afecta al atributo "nombre", mientras que el atributo "id" no hace ninguna diferencia.

Espero que esto ayude a alguien a ahorrar tiempo con un error tan tonto.

Saludos desde Argentina!

Answer 6

Solo aquellos elementos que requieren autocompletar deben estar dentro del formulario. De lo contrario, el auto el relleno no funcionará. Solo incluya esos cuadros de texto en un formulario. Si ya tiene un formulario que involucre otros elementos, sepárelos y coloque una nueva etiqueta de formulario alrededor de los cuadros de texto que requieren el autocompletar y nada más dentro de él.