title: Prevent Chrome from automatically suggest credit card numbers on my site
body: <p>I have an internal app for my company and we usually ask for credit card information, since a given user often processed several credit cards a day, it is not advisable to have on the autocomplete, we added an <code>autocomplete="off"</code> attribute to our inputs to prevent this, but chrome 
  seems to ignore this, and it is still showing suggestions to our users. We have removed the autocomplete from all the other fields our users requested, but this one just won't go</p>
  
  <p>I have seen several questions regarding this topic but they're all about passwords and my question seems to be a bit more specific, so</p>
  
  <p>Here is how the input tag looks like:</p>
  
  <pre><code>&lt;input autocomplete="off" class="form-control" 
         data-card-number="data-card-number" 
         data-val="true" 
         data-val-creditcard="The CardNumber field is not a valid credit card number." 
         data-val-required="The CardNumber field is required." 
         id="CreditCardInfo_CardNumber" 
         name="manolo" 
         style="padding-left: 55px;" 
         type="text" 
         value=""&gt;
  </code></pre>
  
  <p>What should I do to prevent Chrome from suggesting credit cards numbers?</p>
  
  <p>It would be better if I could do it in HTML only.</p>
  
  <p><a href="https://stackoverflow.com/questions/10938891/disable-form-autofill-in-chrome-without-disabling-autocomplete">Disable form autofill in Chrome without disabling autocomplete [duplicate]</a></p>
  
  <p><a href="https://stackoverflow.com/questions/15738259/disabling-chrome-autofill">Disabling Chrome Autofill</a></p>