title: How to avoid browser considering my inputs as credit card numbers? (they are not!)
body: <p>In one of my webpages, Chrome is considering some number inputs as credit card numbers, <strong>and they are not</strong>, and I don't want users thinking I'm asking them such information. They are interval numbers, I never told the browser they were CC numbers, in fact I'm doing everything I can to ask the browser NOT to autocomplete.</p>
  <p><a href="https://i.stack.imgur.com/1Nh18.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1Nh18.png" alt="inputs being shown as credit card dates" /></a></p>
  <p>If I proceed, my credit card whole number goes into both inputs.</p>
  <p><a href="https://i.stack.imgur.com/VtJf1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VtJf1.png" alt="credit card numbers into inputs" /></a></p>
  <p>To be clear: I know I can take off my own credit cards from Chrome options. That wouldn't be a solution. My clients are the ones who use this page and my concern is about THEIR experience.</p>
  <p>I want those inputs to be treated as normal numeric inputs and G-Pay to stay away from them.</p>
  <p>Any idea will be appreciated!
  Thank you.</p>
  <h2>**IMPORTANT EDIT **</h2>
  <p>This is crazy. I've been emptying the code until the very minimum. And still happens! The crazy is: I cannot delete the &quot;select&quot;, or change the ID (it has to contain &quot;numero&quot;, which means &quot;number&quot; in spanish), nor change the span, not even delete the &quot;fecha&quot; id (which means &quot;date&quot;). If I do any of those things, it stops considering credit number.</p>
  <p>Behold! Run the snippet, click on the inputs and be amazed! :D</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;select id="fecha"&gt;
  &lt;/select&gt;
  
  &lt;div&gt;
  &lt;span&gt;numero&lt;/span&gt;
      &lt;div&gt;
          &lt;input type="number"&gt;
          &lt;input type="number"&gt;
      &lt;/div&gt;  
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>