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

   1 <head>
   2   <title>Stripe: Checkout</title>
   3 </head>
   4 <form class="checkoutView" method="POST" novalidate="true">
   5 <div class="layoutView paymentView" style="opacity: 1; height: 291px; transition: none; -webkit-transition: none; transform: translateX(0px); overflow: inherit;">
   6   <div class="layoutSubview" style="height: 55px; transform: translateY(0px); opacity: 1; transition: none; -webkit-transition: none;">
   7     <div class="emailInput input">
   8       <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;">
   9         <div class="svgSpinner" style="width: 14px; height: 15px;">
  10         </div></span>
  11         <div class="svg icon" style="width: 30px; height: 30px;">
  12         </div>
  13     </div>
  14   </div>
  15   <div class="layoutSubview" style="height: 43px; transform: translateY(55px); opacity: 1; transition: none; -webkit-transition: none;">
  16     <div class="segmentedControl paymentMethodsSegmentedControl small">
  17       <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>
  18       </div>
  19     </div>
  20   </div>
  21   <div class="layoutSubview" style="height: 158px; transform: translateY(98px); opacity: 1; transition: none; -webkit-transition: none;">
  22     <div class="contentSwitcher">
  23       <div class="inner">
  24         <div class="content">
  25           <div class="layoutView cardView" style="opacity: 1; transform: translateX(0px); display: block; transition: none; -webkit-transition: none; height: 158px;">
  26             <div class="layoutSubview" style="height: 91px; transform: translateY(0px); opacity: 1; transition: none; -webkit-transition: none;">
  27               <div class="cardPaymentView">
  28                 <div class="cardNumberInput input top">
  29                   <input class="control" id="card_number" type="tel" x-autocompletetype="cc-number" autocompletetype="cc-number" autocorrect="off" spellcheck="off" autocapitalize="off" placeholder="Card number">
  30                   <div class="svg icon" style="width: 30px; height: 30px;">
  31                   </div>
  32                 </div>
  33                 <div class="cardExpiresInput input left bottom">
  34                   <input class="control" id="cc-exp" type="text" x-autocompletetype="off" autocompletetype="off" autocorrect="off" spellcheck="off" autocapitalize="off" placeholder="MM / YY">
  35                   <div class="svg icon" style="width: 30px; height: 30px;">
  36                   </div>
  37                   <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>
  38                   <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>
  39                 </div>
  40                 <div class="cardCVCInput input right bottom">
  41                   <input class="control" id="cc-csc" type="tel" autocomplete="off" autocorrect="off" spellcheck="off" autocapitalize="off" placeholder="CVC" maxlength="4">
  42                   <div class="svg icon" style="width: 30px; height: 30px;">
  43                   </div>
  44                 </div>
  45               </div>
  46             </div>
  47             <div class="layoutSubview" style="height: 67px; transform: translateY(91px); opacity: 1; transition: none; -webkit-transition: none;">
  48               <div class="rememberMe"><a class="stripeLink"></a>
  49                 <div class="labelWithCheckbox">
  50                   <div class="inner"><a class="checkbox checkbox-remember-me" href="#"><span class="tick"></span><span class="focusRing"></span></a><label>Remember me</label>
  51                   </div>
  52                 </div>
  53                 <div class="expandedContainer">
  54                   <div class="expanded" style="opacity: 0; transform: rotateX(-60deg); display: none;"><p>For security, please enter your <strong>mobile phone number</strong>:</p>
  55                     <div class="telInput input">
  56                       <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>
  57                       <div class="svg icon" style="width: 30px; height: 30px;">
  58                       </div>
  59                     </div>
  60                   </div>
  61                 </div>
  62               </div>
  63             </div>
  64             <div class="layoutSubview" style="display: none; opacity: 0; height: 69px; transform: translateY(158px); transition: none; -webkit-transition: none;">
  65               <div class="labelWithCheckbox">
  66                 <div class="inner"><a class="checkbox checked" href="#"><span class="tick"></span><span class="focusRing"></span></a><label>Keep me logged in</label>
  67                 </div>
  68               </div>
  69             </div>
  70           </div>
  71           <div class="layoutView bitcoinLayoutView" style="display: none; height: 8px;">
  72             <div class="layoutSubview" style="height: 8px; transform: translateY(0px); opacity: 1; transition: none; -webkit-transition: none;">
  73               <div class="carouselView">
  74                 <div class="labelView">To complete your payment, please send bitcoins to the address below:</div>
  75               </div>
  76             </div>
  77             <div class="layoutSubview" style="height: 0px; transform: translateY(8px); opacity: 1; transition: none; -webkit-transition: none;">
  78               <div class="bitcoinAddressView">
  79                 <div class="amount"><span class="arrowContainer"><span class="arrow"></span></span>
  80                   <div class="svg icon" style="width: 30px; height: 30px;"></div>
  81                   <span class="btcPrice"></span><span class="originalPrice"></span>
  82                   <div class="tick bitcoinSuccessTick circle" style="display: none; transform: scale(0.01);">
  83                     <div class="svg" style="width: 20px; height: 21px; transform: scale(1.8);"></div>
  84                   </div>
  85                   <div class="bitcoinLoadingView"><canvas class="loadingView" style="display: none;"></canvas></div>
  86                 </div>
  87                 <div class="addressContainer">
  88                   <div class="address"><p class="stringAddress"><span></span></p>
  89                     <div class="buttons"><a class="openWalletButton"><span>Open Wallet</span></a><a class="scanButton"><span>Scan</span><span class="qrCode"></span></a></div>
  90                   </div>
  91                 </div>
  92               </div>
  93             </div>
  94           </div>
  95         </div>
  96       </div>
  97     </div>
  98   </div>
  99 </div>
 100 </form>