Disable CSS Autocomplete

Question

Is it possible to use CSS to disable autocompletion of a form element (in particular, a text field)?

I am using a tag library that does not allow an autocomplete element, and I would like to disable autocomplete without using Javascript.

Answer 1

You can use the generated id and name each time, which is different, so the browser cannot remember this text field and cannot offer some values.

This is at least an alternative to cross-browser, but I would recommend going with a response from RobertsonM ( autocomplete="off" ).

Answer 2

In a way, there is no autocomplete off attribute in CSS. However, html has simple code for this:

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

If you are looking for an effector for the whole site, it will be easy to simply run the js function through all the "input" and add this tag or look for the corresponding / id css class.

The autocomplete attribute works fine in Chrome and Firefox (!), But see also Is there a valid W3C way to disable autocomplete in HTML form?

Answer 3

you can easily implement jQuery

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

Answer 4

If you use form , you can disable all autocomplete with

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

Answer 5

CSS does not have this ability. You will need to use client side scripts.

Answer 6

Thanks to @ahhmarr, I was able to solve the same problem in my Angular + ui-router > environment, which I will share here for those who are interested.

In my index.html I added the following script:

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

Then, to capture state changes, I added the following to my root controller:

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

Timeouts are for rendering html before using jquery.

If you find a better solution, let me know.

Answer 7

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