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

   1 <head>
   2   <title>NikeStore</title>
   3 </head>
   4 <form id="creditCardForm" method="post" action="/payment/checkout/addNewCard.htm?country=US&amp;view=html&amp;billingCountry=US&amp;langLocale=en_US" novalidate="">
   5 <div id="creditCardFormContainer">
   6 <div class="cardNotification hidden">
   7   <div class="nsg-form--global-message--alert">
   8     <span>Your card has expired.</span>
   9   </div>
  10 </div>
  11
  12 <div class="form-row margin-tb-standard">
  13   <label class="nsg-form--label top-label" id="label-creditCardType">
  14     Card Type&nbsp;<b class="nsg-form--required">*</b>
  15   </label>
  16
  17   <div id="cardInfoStatic" style="display: none;">
  18     <span class="cardTypeIcon "></span>
  19     <p id="cardNumberDisplayID" class="cardNumberDisplay">
  20     :
  21     <span class="cardNum"></span>
  22     <span class="ch4_privacyLogo_orange">&nbsp;</span>
  23     </p>
  24   </div>
  25
  26   <div class="js-cardInfoEdit">
  27     <select name="cardTypeSelect" id="cardTypeSelect" class="js-creditCardType selectBox">
  28       <option value="Visa">Visa</option>
  29       <option value="MasterCard">MasterCard</option>
  30       <option value="AmericanExpress">American Express</option>
  31       <option value="Discover">Discover</option>
  32     </select>
  33     <span class="glyph-icon nsg-glyph--chevron-down"></span><input type="hidden" name="creditCardType" id="creditCardType" value="Visa">
  34     <span class="ch4_privacyLogo_orange">&nbsp;</span>
  35   </div>
  36
  37 </div> <!-- close form-row -->
  38
  39 <div class="form-row two-col">
  40   <div class="js-cardInfoEdit">
  41     <label class="nsg-form--label" for="creditCardNumber">Card Number<b class="nsg-form--required"> *</b></label>
  42     <div class="col-2">
  43       <input class="nsg-form--input" placeholder="" id="creditCardNumber" name="creditCardNumber" type="number" min="0" inputmode="numeric" pattern="[0-9]*" maxlength="19" value="" autocomplete="off">
  44     </div>
  45   </div>
  46 </div>
  47
  48 <div class="form-row expSelects">
  49   <label class="nsg-form--label">
  50     Expiry Date&nbsp;<b class="nsg-form--required">*</b>
  51   </label>
  52   <select name="expirationMonth" id="expirationMonth" class="js-expMonth exp-dropdown">
  53     <option value="">mm</option>
  54     <option value="1">1</option>
  55     <option value="2">2</option>
  56     <option value="3">3</option>
  57     <option value="4">4</option>
  58     <option value="5">5</option>
  59     <option value="6">6</option>
  60     <option value="7">7</option>
  61     <option value="8">8</option>
  62     <option value="9">9</option>
  63     <option value="10">10</option>
  64     <option value="11">11</option>
  65     <option value="12">12</option>
  66   </select>
  67
  68   <span class="glyph-icon nsg-glyph--chevron-down"></span>
  69   <select name="expirationYear" id="expirationYear" class="js-expYear exp-dropdown">
  70     <option value="">yyyy</option>
  71     <option value="2015">2015</option>
  72     <option value="2016">2016</option>
  73     <option value="2017">2017</option>
  74     <option value="2018">2018</option>
  75     <option value="2019">2019</option>
  76     <option value="2020">2020</option>
  77     <option value="2021">2021</option>
  78     <option value="2022">2022</option>
  79     <option value="2023">2023</option>
  80     <option value="2024">2024</option>
  81     <option value="2025">2025</option>
  82     <option value="2026">2026</option>
  83     <option value="2027">2027</option>
  84     <option value="2028">2028</option>
  85     <option value="2029">2029</option>
  86     <option value="2030">2030</option>
  87     <option value="2031">2031</option>
  88     <option value="2032">2032</option>
  89     <option value="2033">2033</option>
  90     <option value="2034">2034</option>
  91     <option value="2035">2035</option>
  92   </select>
  93
  94   <span class="glyph-icon nsg-glyph--chevron-down"></span>
  95 </div>
  96
  97
  98 <div class="form-row">
  99   <label class="nsg-form--label" for="cvNumber">security code<b class="nsg-form--required"> *</b></label>
 100   <p class="cvNumberHelp">
 101   <a class="cardSecurityModal" href="#">Where do I find this?</a>
 102   </p>
 103   <input class="nsg-form--input" autocomplete="off" autocorrect="off" placeholder="" type="number" min="0" inputmode="numeric" pattern="[0-9]*" maxlength="6" id="cvNumber" name="cvNumber" value="">
 104
 105 </div> <div class="form-row checkout">
 106   <div class="col">
 107     <label class="nsg-form--label relative" for="phoneNumber">Billing Phone<a href="#" class="ch4_help icon-019-help alignRight">
 108         <div class="ch4_toolTip" style="display: none;">
 109           <div class="ch4_toolTipArrow"></div>
 110           Your registered number with your payment issuer is required to process your order.</div>
 111       </a>
 112       <b class="nsg-form--required"> *</b></label>
 113     <input class="nsg-form--input js-phoneNumber" type="tel" id="phoneNumber" name="phoneNumber" value="" maxlength="18">
 114   </div>
 115 </div>
 116 </div>
 117 </form>