chromium/components/test/data/autofill/heuristics/input/135_bug_471831.html

<head>
  <title>Stripe: Checkout</title>
</head>
<form class="checkoutView" method="POST" novalidate="true">
<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" 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" 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" 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>
</form>