title: STOP Google Autofill/AutoComplete from ruining my form, Disable autofill on form
body: <p>I have a form with an input field:</p>
  
  <pre><code>&lt;input id="postalCode" placeholder="Postal Code* (A0A 0A0)" autocomplete="off"&gt;
  </code></pre>
  
  <p>I was using my own custom autocomplete here which google autofill COVERS and ruins the validation and user experience in my form.</p>
  
  <p>I have tried changing the id to something random id="ASDf" and still google infers the field type by the validation or placeholder. I have tried the autocomplete="off" and "false". Neither do anything. On this page:</p>
  
  <p><a href="https://www.canadapost.ca/cpotools/apps/fpc/personal/findAnAddress?execution=e1s1" rel="nofollow noreferrer">https://www.canadapost.ca/cpotools/apps/fpc/personal/findAnAddress?execution=e1s1</a></p>
  
  <p>They have successfully disabled it somehow. </p>
  
  <p>I have tried everything from this page:</p>
  
  <p><a href="https://stackoverflow.com/questions/15738259/disabling-chrome-autofill">Disabling Chrome Autofill</a></p>
  
  <p>And nothing works. </p>