quitar - ¿Cómo desactivar las sugerencias de campo de formulario de entrada html?

quitar el autocomplete input

Question

Por sugerencias me refiero a que el menú desplegable aparece cuando empiezas a escribir, y sus sugerencias se basan en lo que has escrito antes:

por ejemplo, cuando escribo ''a'' en el campo del título, me dará un montón de sugerencias, lo cual es bastante molesto. ¿Alguien sabe cómo desactivar eso? Gracias por adelantado.

Answer 1

En Chrome, el único método que pudimos identificar que impidió todos los rellenos de formularios fue usar autocomplete="new-password" . Aplique esto en cualquier entrada que no deba tener autocompletado, y se aplicará (incluso si el campo no tiene nada que ver con las contraseñas, por ejemplo, SomeStateId rellena con los valores del formulario del estado). Vea este enlace en la discusión de errores de Chromium para más detalles .

Tenga en cuenta que esto solo funciona de manera consistente en los navegadores basados ​​en Chromium y Safari: Firefox no tiene controladores especiales para esta new-password ( consulte esta discusión para obtener más detalles ).

Actualización: ¡ Firefox viene a bordo! Nightly v68.0a1 y Beta v67.0b5 (3/27/2019) cuentan con soporte para el atributo autocompletar de new-password , las versiones estables deberían llegar el 5/14/2019 según la hoja de ruta .

Answer 2

Lo que quieres es deshabilitar el atributo autocomplete HTML.

Establecer autocompletar = "off" aquí tiene dos efectos:

Evita que el navegador guarde los datos de campo para su posterior autocompletado en formularios similares, aunque las heurísticas varían según el navegador. Evita que el navegador almacene en caché los datos del formulario en el historial de la sesión. Cuando los datos del formulario se almacenan en la memoria caché en el historial de la sesión, la información completada por el usuario será visible después de que el usuario haya enviado el formulario y haya hecho clic en el botón Atrás para volver a la página del formulario original.

Lea más en la red de MDN

Aquí hay un ejemplo de cómo hacerlo.

<form action="#" autocomplete="on">
  First name:<input type="text" name="fname"><br> 
  Last name: <input type="text" name="lname"><br> 
  E-mail: <input type="email" name="email" autocomplete="off"><br>
  <input type="submit">
</form>

Si está en el marco React, entonces use lo siguiente:

<input
    id={field.name}
    className="form-control"
    type="text"
    placeholder={field.name}
    autoComplete="off"
    {...fields}/>

Enlace para reaccionar documentos

Actualizar

Aquí hay una actualización para arreglar algunos navegadores que omiten el indicador "autocomplete = off".

<form action="#" autocomplete="off">
  First name: <input type="text" name="fname" autocomplete="off" readonly onfocus="this.removeAttribute(''readonly'');"><br> Last name: <input type="text" name="lname" autocomplete="off" readonly onfocus="this.removeAttribute(''readonly'');"><br> E-mail:
  <input type="email" name="email" autocomplete="off" readonly onfocus="this.removeAttribute(''readonly'');"><br>
  <input type="submit">
</form>

Answer 3

Terminé cambiando el campo de entrada a

<textarea style="resize:none;"></textarea>

Nunca tendrás autocompletado para textareas.

Answer 4

use autocomplete="off" atributo autocomplete="off"

Cita: IMPORTANTE

Coloque el atributo en el elemento <input> , NO en el elemento <form>