password - input html autocomplete disable

Deshabilitar autocompletar a través de CSS

Question

¿Es posible usar CSS para deshabilitar la función de autocompletar en un elemento de formulario (específicamente un campo de texto)?

Utilizo una biblioteca de etiquetas que no permite el elemento de autocompletar y me gustaría desactivar la función de autocompletar sin usar Javascript.

Answer 1

CSS no tiene esta habilidad. Tendrá que usar scripting del lado del cliente.

Answer 2

Gracias a @ahhmarr''s solución de @ahhmarr''s pude resolver el mismo problema en mi entorno Angular + ui-enrutador , que compartiré aquí para quien esté interesado.

En mi index.html , agregué el siguiente script:

<script type="text/javascript">
    setTimeout(function() {
        $(''input'').attr(''autocomplete'', ''off'');
    }, 2000);
</script>

Luego, para cubrir los cambios de estado, agregué lo siguiente en mi controlador raíz:

$rootScope.$on(''$stateChangeStart'', function() {
                $timeout(function () {
                    $(''input'').attr(''autocomplete'', ''off'');
                }, 2000);
            });

Los tiempos de espera son para el html para renderizar antes de aplicar el jquery.

Si encuentra una mejor solución, por favor hágamelo saber.

Answer 3

Si está utilizando un form , puede deshabilitar todos los autocomplementos con,

<form id="Form1" runat="server" autocomplete="off">

Answer 4

Tal como está, no hay ningún atributo ''autocompletar apagado'' en CSS. Sin embargo, html tiene un código fácil para esto:

<input type="text" id="foo" value="bar" autocomplete="off" />

Si está buscando un efector en todo el sitio, uno fácil sería simplemente tener una función js para ejecutar todas las ''entradas'' y agregar esta etiqueta, o buscar la clase / ID css correspondiente.

El atributo autocompletar funciona bien en Chrome y Firefox (!), Pero vea también ¿Existe una forma válida de W3C para desactivar la autocompletación en un formulario HTML?

Answer 5

usted puede implementar fácilmente por jQuery

$(''input'').attr(''autocomplete'',''off'');

Answer 6

Puede usar un id Y un name generados cada vez, lo que es diferente, por lo que el navegador no puede recordar este campo de texto y no podrá sugerir algunos valores.

Esta es al menos la alternativa segura de navegador cruzado, pero recomendaría ir con la respuesta de RobertsonM ( autocomplete="off" ).

Answer 7

$(''input'').attr(''autocomplete'',''off'');