Chrome Credit Card Autofill

Adding CardHolderName throws off heuristics for determing expiration date fo

by JonathanN

HTML

<form action="/">
  <h3>Label, defaults to MM/YYYY</h3>
	<div>
		<input name="CardHolderName" placeholder="Cardholder Name" type="text">
    </div>
	<div>
		<input name="CreditCardNumber" placeholder="Credit Card Number" type="tel">
	</div>
	<div>
    <label for="ExpirationDate">Expiration Date</label>
  <input id="ExpirationDate" name="ExpirationDate" placeholder="MM/YY" type="tel">
	</div>
  <div>
		<input name="Cvv2" placeholder="CVC" type="tel">
    </div>
</form>
<form action="/">
  <h3>Label and maxlength, defaults to MM/YY here but MM/YYYY on site</h3>
	<div>
		<input name="CardHolderName" placeholder="Cardholder Name" type="text">
  </div>
	<div>
		<input name="CreditCardNumber" placeholder="Credit Card Number" type="tel">
	</div>
	<div>
    <label for="ExpirationDate">Expiration Date</label>
  <input id="ExpirationDate" name="ExpirationDate" placeholder="MM/YY" type="tel" maxlength="5">
	</div>
  <div>
		<input name="Cvv2" placeholder="CVC" type="tel">
    </div>
</form>
<form action="/">
  <h3>Label, maxlength and cc-exp, defaults to MM/YY but MM/YYYY on site with Chrome on Android</h3>
	<div>
		<input name="CardHolderName" placeholder="Cardholder Name" type="text">
  </div>
	<div>
		<input name="CreditCardNumber" placeholder="Credit Card Number" type="tel">
	</div>
	<div>
    <label for="ExpirationDate">Expiration Date</label>
  <input id="ExpirationDate" name="ExpirationDate" placeholder="MM/YY" type="tel" maxlength="5" autocomplete="cc-exp">
	</div>
  <div>
		<input name="Cvv2" placeholder="CVC" type="tel">
    </div>
</form>
<form action="/">
  <h3>No label, defaults to MM/YY here but MM/YYYY on site</h3>
	<div>
		<input name="CardHolderName" placeholder="Cardholder Name" type="text">
  </div>
	<div>
		<input name="CreditCardNumber" placeholder="Credit Card Number" type="tel">
	</div>
	<div>
    <input id="ExpirationDate" name="ExpirationDate" placeholder="MM/YY" type="tel">
	</div>
  <div>
		<input name="Cvv2" placeholder="CVC" type="tel">
   ...