Autofill: Recognize more credit card date fields.

chrome/test/data/autofill/heuristics/input/bug_471831.html

Index: chrome/test/data/autofill/heuristics/input/bug_471831.html
diff --git a/chrome/test/data/autofill/heuristics/input/bug_471831.html b/chrome/test/data/autofill/heuristics/input/bug_471831.html
new file mode 100644
index 0000000000000000000000000000000000000000..e9298e1e3ce1246696ad0c83fae408ea189581f2
--- /dev/null
+++ b/chrome/test/data/autofill/heuristics/input/bug_471831.html
@@ -0,0 +1,95 @@
+<div class="layoutView paymentView" style="opacity: 1; height: 291px; transition: none; -webkit-transition: none; transform: translateX(0px); overflow: inherit;">
+  <div class="layoutSubview" style="height: 55px; transform: translateY(0px); opacity: 1; transition: none; -webkit-transition: none;">
+    <div class="emailInput input">
+      <input class="control" id="email" type="email" x-autocompletetype="email" autocompletetype="email" autocorrect="off" spellcheck="off" autocapitalize="off" placeholder="Email"><span class="spinnerContainer" style="display: none;">
+        <div class="svgSpinner" style="width: 14px; height: 15px;">
+        </div></span>
+        <div class="svg icon" style="width: 30px; height: 30px;">
+        </div>
+    </div>
+  </div>
+  <div class="layoutSubview" style="height: 43px; transform: translateY(55px); opacity: 1; transition: none; -webkit-transition: none;">
+    <div class="segmentedControl paymentMethodsSegmentedControl small">
+      <div class="content"><a class="segmentedControl paymentMethodsSegmentedControlItem0 card selected" data-index="0" style="width: 115px;"><span><span>Card</span></span></a><a class="segmentedControl paymentMethodsSegmentedControlItem1 bitcoin" data-index="1" style="width: 114px;"><span><span>Bitcoin</span></span></a>
+      </div>
+    </div>
+  </div>
+  <div class="layoutSubview" style="height: 158px; transform: translateY(98px); opacity: 1; transition: none; -webkit-transition: none;">
+    <div class="contentSwitcher">
+      <div class="inner">
+        <div class="content">
+          <div class="layoutView cardView" style="opacity: 1; transform: translateX(0px); display: block; transition: none; -webkit-transition: none; height: 158px;">
+            <div class="layoutSubview" style="height: 91px; transform: translateY(0px); opacity: 1; transition: none; -webkit-transition: none;">
+              <div class="cardPaymentView">
+                <div class="cardNumberInput input top">
+                  <input class="control" id="card_number" type="tel" x-autocompletetype="cc-number" autocompletetype="cc-number" autocorrect="off" spellcheck="off" autocapitalize="off" placeholder="Card number">
+                  <div class="svg icon" style="width: 30px; height: 30px;">
+                  </div>
+                </div>
+                <div class="cardExpiresInput input left bottom">
+                  <input class="control" id="cc-exp" type="text" x-autocompletetype="off" autocompletetype="off" autocorrect="off" spellcheck="off" autocapitalize="off" placeholder="MM / YY">
+                  <div class="svg icon" style="width: 30px; height: 30px;">
+                  </div>
+                  <select id="cc-exp-year" x-autocompletetype="cc-exp-year" autocompletetype="cc-exp-year" autocorrect="off" spellcheck="off" autocapitalize="off" tabindex="-1" style="position: absolute; left: -10000px;"><option>Year</option><option value="2014">2014</option><option value="2015">2015</option><option value="2016">2016</option><option value="2017">2017</option><option value="2018">2018</option><option value="2019">2019</option><option value="2020">2020</option><option value="2021">2021</option><option value="2022">2022</option><option value="2023">2023</option><option value="2024">2024</option></select>
+                  <select id="cc-exp-month" x-autocompletetype="cc-exp-month" autocompletetype="cc-exp-month" autocorrect="off" spellcheck="off" autocapitalize="off" tabindex="-1" style="position: absolute; left: -10000px;"><option>Month</option><option value="01">January</option><option value="02">February</option><option value="03">March</option><option value="04">April</option><option value="05">May</option><option value="06">June</option><option value="07">July</option><option value="08">August</option><option value="09">September</option><option value="10">October</option><option value="11">November</option><option value="12">December</option></select>
+                </div>
+                <div class="cardCVCInput input right bottom">
+                  <input class="control" id="cc-csc" type="tel" autocomplete="off" autocorrect="off" spellcheck="off" autocapitalize="off" placeholder="CVC" maxlength="4">
+                  <div class="svg icon" style="width: 30px; height: 30px;">
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="layoutSubview" style="height: 67px; transform: translateY(91px); opacity: 1; transition: none; -webkit-transition: none;">
+              <div class="rememberMe"><a class="stripeLink"></a>
+                <div class="labelWithCheckbox">
+                  <div class="inner"><a class="checkbox checkbox-remember-me" href="#"><span class="tick"></span><span class="focusRing"></span></a><label>Remember me</label>
+                  </div>
+                </div>
+                <div class="expandedContainer">
+                  <div class="expanded" style="opacity: 0; transform: rotateX(-60deg); display: none;"><p>For security, please enter your <strong>mobile phone number</strong>:</p>
+                    <div class="telInput input">
+                      <input class="control" type="tel" x-autocompletetype="phone-full" autocompletetype="phone-full" autocorrect="off" spellcheck="off" autocapitalize="off" name="phone" placeholder="(555) 123-1234"><span class="flag"><img src="/v3/images/flags/US.png" style="opacity: 1; transform: scale(1); transition: none; -webkit-transition: none;"></span>
+                      <div class="svg icon" style="width: 30px; height: 30px;">
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div class="layoutSubview" style="display: none; opacity: 0; height: 69px; transform: translateY(158px); transition: none; -webkit-transition: none;">
+              <div class="labelWithCheckbox">
+                <div class="inner"><a class="checkbox checked" href="#"><span class="tick"></span><span class="focusRing"></span></a><label>Keep me logged in</label>
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="layoutView bitcoinLayoutView" style="display: none; height: 8px;">
+            <div class="layoutSubview" style="height: 8px; transform: translateY(0px); opacity: 1; transition: none; -webkit-transition: none;">
+              <div class="carouselView">
+                <div class="labelView">To complete your payment, please send bitcoins to the address below:</div>
+              </div>
+            </div>
+            <div class="layoutSubview" style="height: 0px; transform: translateY(8px); opacity: 1; transition: none; -webkit-transition: none;">
+              <div class="bitcoinAddressView">
+                <div class="amount"><span class="arrowContainer"><span class="arrow"></span></span>
+                  <div class="svg icon" style="width: 30px; height: 30px;"></div>
+                  <span class="btcPrice"></span><span class="originalPrice"></span>
+                  <div class="tick bitcoinSuccessTick circle" style="display: none; transform: scale(0.01);">
+                    <div class="svg" style="width: 20px; height: 21px; transform: scale(1.8);"></div>
+                  </div>
+                  <div class="bitcoinLoadingView"><canvas class="loadingView" style="display: none;"></canvas></div>
+                </div>
+                <div class="addressContainer">
+                  <div class="address"><p class="stringAddress"><span></span></p>
+                    <div class="buttons"><a class="openWalletButton"><span>Open Wallet</span></a><a class="scanButton"><span>Scan</span><span class="qrCode"></span></a></div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>