El día de hoy tenía un problema con un campo en un formulario, dicho campo tiene la función de buscador y al teclear alguna letra o palabra trae de la base de datos los productos que coinciden, además los muestra en listado. El problema que tenía es que cada que buscaba una palabra, se iba guardando en caché para posteriormente autocompletar el campo y esto lo que me ocasionaba es que la información quedará por atrás y no se viera.
Como ven la imagen al darle clic en el input empieza a mostrar las palabras que ya he escrito anteriormente.
Así se mostraban los resultados ensuciando y bloqueando la imagen y parte del texto que mostraba la búsqueda, afortunadamente hay una solución muy sencilla.
Lo que tenemos que hacer es agregar el siguiente valor autocomplete=”off” en la etiqueta <form> quedando de la siguiente manera:
1 | <form autocomplete="off"> |
Después de hacer esto ya no hará caché de las palabras ni hará el autocompletado en el input, ahora si se muestran los resultados correctamente. Espero te sea de utilidad.
