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

   1 <head>
   2   <title>Google Developers Console</title>
   3 </head>
   4 <form class="p6n-billing-freetrial-signup-form p6n-align-left p6n-form ng-pristine ng-scope ng-invalid ng-invalid-required" name="controller.signupForm">
   5 <div class="creation-form-content" data-value="creditCard">
   6 <div id="creditCardForm" class="instrument-form payments-instruments-creditcard" data-component-name="CREDIT_CARD">
   7   <div class="b3-credit-card-field b3-card-number-input-container"><img class="b3id-detected-card-icon card-icon-images-row" style="display: none;">
   8     <div class="b3id-card-icon-images-row card-icon-images-row"><img alt="Visa" class="b3id-card-icon-image" src=""><img alt="Mastercard" class="b3id-card-icon-image" src=""><img alt="Amex" class="b3id-card-icon-image" src=""><img alt="Discover" class="b3id-card-icon-image" src=""><img alt="Diners Club" class="b3id-card-icon-image" src=""><img alt="JCB" class="b3id-card-icon-image" src="">
   9     </div>
  10     <div class="b3id-input b3-input b3id-card-number-input b3-card-number-input invalid">
  11       <div class="b3-input-field"><label class="b3-input-label accessible">Card number</label><input class="jfk-textinput b3id-input-field b3-card-number-input-field b3-invalid-field label-input-label" label="Card number" placeholder="Card number" type="tel" data-is-secure="true" aria-label="Card number">
  12         <div class="b3-input-accent">
  13         </div>
  14         <div class="b3-input-status-indicator">
  15         </div>
  16       </div>
  17       <p class="b3id-input-error b3-error b3id-card-number-input-error" style="display: none;">Card number is required</p>
  18     </div>
  19   </div>
  20   <div class="creditcard-exp-cvc-fields b3-credit-card-field">
  21     <div class="b3id-expiration-date-container b3-card-expiration-date-container">
  22       <div class="b3id-input b3-input b3id-card-month-input b3-card-month-input">
  23         <div class="b3-input-field"><label class="b3-input-label accessible">MM</label><input class="jfk-textinput b3id-input-field b3-card-month-input-field label-input-label" maxlength="2" label="MM" placeholder="MM" type="tel" data-is-secure="false" aria-label="MM">
  24           <div class="b3-input-accent">
  25           </div>
  26           <div class="b3-input-status-indicator">
  27           </div>
  28         </div>
  29         <p class="b3id-input-error b3-error b3id-card-month-input-error" style="display:none"></p>
  30       </div>
  31       <span class="b3-card-date-divider">/</span>
  32       <div class="b3id-input b3-input b3id-card-year-input b3-card-year-input">
  33         <div class="b3-input-field"><label class="b3-input-label accessible">YY</label><input class="jfk-textinput b3id-input-field b3-card-year-input-field label-input-label" maxlength="2" label="YY" placeholder="YY" type="tel" data-is-secure="false" aria-label="YY">
  34           <div class="b3-input-accent">
  35           </div>
  36           <div class="b3-input-status-indicator">
  37           </div>
  38         </div>
  39         <p class="b3id-input-error b3-error b3id-card-year-input-error" style="display:none"></p>
  40       </div>
  41       <p class="b3id-card-expiration-date-input-error b3-error" style="display: none;"></p>
  42     </div>
  43     <div class="b3id-cvc-container b3-cvc-container input-field-right">
  44       <div class="b3id-input b3-input b3id-security-code-input b3-security-code-input" aria-describedby="ariaCvcText-390037217">
  45         <div class="b3-input-field"><label class="b3-input-label accessible">CVC</label><input class="jfk-textinput b3id-input-field b3-security-code-input-field label-input-label" maxlength="4" label="CVC" placeholder="CVC" type="tel" data-is-secure="false" aria-label="CVC">
  46           <div class="b3-input-accent">
  47           </div>
  48           <div class="b3-input-status-indicator">
  49           </div>
  50         </div>
  51         <p class="b3id-input-error b3-error b3id-security-code-input-error" style="display:none"></p>
  52       </div>
  53       <div class="b3-cvc-tooltip-container input-field-right tooltip-container"><a class="info-link b3id-cvc-tooltip">?</a>
  54         <div class="tooltip-popup b3id-cvc-tooltip-popup" style="display: none;">
  55           <div class="tooltip-card-brand">
  56             <div class="b3id-cvc-tooltip-header tooltip-header">
  57             </div>
  58             <img class="b3id-cvc-tooltip-image tooltip-image">
  59             <div class="b3id-cvc-tooltip-text tooltip-text" id="ariaCvcText-390037217">
  60             </div>
  61           </div>
  62         </div>
  63       </div>
  64     </div>
  65   </div>
  66   <div class="b3id-input b3-input b3id-cardholder-name-input b3-credit-card-field">
  67     <div class="b3-input-field"><label class="b3-input-label accessible">Cardholder name</label><input class="jfk-textinput b3id-input-field label-input-label" label="Cardholder name" placeholder="Cardholder name" type="text" aria-label="Cardholder name">
  68       <div class="b3-input-accent">
  69       </div>
  70       <div class="b3-input-status-indicator">
  71       </div>
  72     </div>
  73     <p class="b3id-input-error b3-error b3id-cardholder-name-input-error" style="display:none"></p>
  74   </div>
  75   <div id="creditCardForm-1478734612631720414.billingAddressForm" class="address-widget" data-address-edit="true" data-type="unstructured" data-default-country="US" data-show-recipient="false" data-show-organization="HIDDEN" data-show-phone-number="HIDDEN" data-is-alternative-validation-enabled="false" data-is-address-region-support-enabled="true">
  76     <div class="b3id-same-as input-field-checkbox"><span class="jfk-checkbox goog-inline-block jfk-checkbox-checked b3id-default-address-checkbox" role="checkbox" aria-checked="true" dir="ltr" style="-webkit-user-select: none;" tabindex="0" aria-labelledby=":43.lbl">
  77         <div class="jfk-checkbox-checkmark" role="presentation">
  78         </div>
  79       </span><label class="b3id-default-address-checkbox-label inline-label" id=":43.lbl">Credit or debit card address is same as above</label>
  80     </div>
  81     <div class="b3id-address-section" style="display: none;">
  82       <div class="address-header-message with-info-icon b3id-address-header-message" style="display:none">
  83       </div>
  84       <div id="creditCardForm-1478734612631720414.billingAddressForm.addressForm" class="address-form b3id-address-form" style="display: none;">
  85         <div class="addressedit" data-locale="en_US" data-is-force-latin-values="false">
  86           <div class="addressedit-countryselector-section">
  87             <div class="b3id-select countryselector b3id-country-selector" data-initial-value="US">
  88               <div class="goog-flat-menu-button jfk-select countryselector-select countryselector-caption" data-initial-value="US">
  89                 <div class="goog-menu countryselector-menu b3id-country-selector-menu">
  90                   <div class="goog-menuitem" data-value="AF"><span class="countryselector-flag countryselector-flag-AF"></span>Afghanistan (AF)
  91                   </div>
  92                   <div class="goog-menuitem" data-value="ZW"><span class="countryselector-flag countryselector-flag-ZW"></span>Zimbabwe (ZW)
  93                   </div>
  94                 </div>
  95               </div>
  96               <div class="b3-input-accent">
  97               </div>
  98               <div class="b3-input-status-indicator">
  99               </div>
 100             </div>
 101           </div>
 102           <div class="addressedit-country-specific-section">
 103             <div class="addressedit-region" data-postal-code-regex="^(\d{5})(?:[ \-](\d{4}))?$">
 104               <div class="addressedit-subregion " style="display: none;" data-lookup-key="data/US">
 105                 <div data-key="AL" data-name="Alabama" data-postal-code-regex="^(3[56]).*$" data-postal-code-ranges="35000,36999"></div>
 106                 <div data-key="WY" data-name="Wyoming" data-postal-code-regex="^(82|83[01]|83414).*$" data-postal-code-ranges="82000,83199:83414"></div>
 107               </div>
 108               <div class="addressedit-field addressedit-text addressedit-col1-field" data-name="ORGANIZATION" style="display: none;">
 109                 <div class="b3id-input b3-input" title="Business name">
 110                   <div class="b3-input-field"><label class="b3-input-label accessible">Business name</label><input class="jfk-textinput b3id-input-field " label="Business name" name="ORGANIZATION" placeholder="Business name" type="text">
 111                     <div class="b3-input-accent"></div>
 112                     <div class="b3-input-status-indicator"></div>
 113                   </div>
 114                   <p data-name="ORGANIZATION" class="b3id-input-error b3-error b3id-address-edit-error b3-address-edit-error-message" style="display:none"></p>
 115                 </div>
 116               </div>
 117               <div class="addressedit-linebreak"></div>
 118               <div class="addressedit-field addressedit-text addressedit-col1-field" data-name="RECIPIENT" style="display: none;">
 119                 <div class="b3id-input b3-input" title="Name">
 120                   <div class="b3-input-field"><label class="b3-input-label accessible">Name</label><input class="jfk-textinput b3id-input-field " label="Name" name="RECIPIENT" placeholder="Name" type="text">
 121                     <div class="b3-input-accent"></div>
 122                     <div class="b3-input-status-indicator"></div>
 123                   </div>
 124                   <p data-name="RECIPIENT" class="b3id-input-error b3-error b3id-address-edit-error b3-address-edit-error-message" style="display:none"></p>
 125                 </div>
 126               </div>
 127               <div class="addressedit-linebreak"></div>
 128               <div class="addressedit-field addressedit-text addressedit-col1-field" data-name="ADDRESS_LINE_1" data-required="true">
 129                 <div class="b3id-input b3-input" title="Street address">
 130                   <div class="b3-input-field"><label class="b3-input-label accessible">Street address</label><input class="jfk-textinput b3id-input-field " label="Street address" name="ADDRESS_LINE_1" placeholder="Street address" type="text">
 131                     <div class="b3-input-accent"></div>
 132                     <div class="b3-input-status-indicator"></div>
 133                   </div>
 134                   <p data-name="ADDRESS_LINE_1" class="b3id-input-error b3-error b3id-address-edit-error b3-address-edit-error-message" style="display:none"></p></div>
 135               </div>
 136               <div class="addressedit-linebreak"></div>
 137               <div class="addressedit-field addressedit-text addressedit-col1-field" data-name="ADDRESS_LINE_2">
 138                 <div class="b3id-input b3-input" title="Apt./Suite">
 139                   <div class="b3-input-field"><label class="b3-input-label accessible">Apt./Suite</label><input class="jfk-textinput b3id-input-field " label="Apt./Suite" name="ADDRESS_LINE_2" placeholder="Apt./Suite" type="text">
 140                     <div class="b3-input-accent"></div>
 141                     <div class="b3-input-status-indicator"></div>
 142                   </div>
 143                   <p data-name="ADDRESS_LINE_2" class="b3id-input-error b3-error b3id-address-edit-error b3-address-edit-error-message" style="display:none"></p></div>
 144               </div>
 145               <div class="addressedit-linebreak"></div>
 146               <div class="addressedit-field addressedit-text addressedit-col1-field" data-name="LOCALITY" data-required="true">
 147                 <div class="b3id-input b3-input" title="City">
 148                   <div class="b3-input-field"><label class="b3-input-label accessible">City</label><input class="jfk-textinput b3id-input-field " label="City" name="LOCALITY" placeholder="City" type="text">
 149                     <div class="b3-input-accent"></div>
 150                     <div class="b3-input-status-indicator"></div>
 151                   </div>
 152                   <p data-name="LOCALITY" class="b3id-input-error b3-error b3id-address-edit-error b3-address-edit-error-message" style="display:none"></p></div>
 153               </div>
 154               <div class="addressedit-linebreak"></div>
 155               <div class="addressedit-field b3-address-edit-select addressedit-col2-field" data-name="ADMIN_AREA">
 156                 <div class="addressedit-select jfk-select" title="State" data-name="ADMIN_AREA" data-placeholder-text="State"></div>
 157                 <div class="b3-input-accent"></div>
 158                 <div class="b3-input-status-indicator"></div>
 159                 <p class="b3-input-error b3-error b3id-address-edit-error b3-address-edit-error-message" style="display: none;"></p></div>
 160               <div class="addressedit-field addressedit-text addressedit-col2-last-field" data-name="POSTAL_CODE" data-regex="^(\d{5})(?:[ \-](\d{4}))?$" data-required="true">
 161                 <div class="b3id-input b3-input" title="ZIP code">
 162                   <div class="b3-input-field"><label class="b3-input-label accessible">ZIP code</label><input class="jfk-textinput b3id-input-field " label="ZIP code" name="POSTAL_CODE" placeholder="ZIP code" type="text">
 163                     <div class="b3-input-accent"></div>
 164                     <div class="b3-input-status-indicator"></div>
 165                   </div>
 166                   <p data-name="POSTAL_CODE" class="b3id-input-error b3-error b3id-address-edit-error b3-address-edit-error-message" style="display:none"></p></div>
 167               </div>
 168               <div class="addressedit-linebreak"></div>
 169               <div class="addressedit-field addressedit-text" data-name="COUNTRY" data-required="true" style="display: none;">
 170                 <div class="b3id-input b3-input" title="Country">
 171                   <div class="b3-input-field"><label class="b3-input-label accessible">Country</label><input class="jfk-textinput b3id-input-field " label="Country" name="COUNTRY" placeholder="Country" type="text" value="US">
 172                     <div class="b3-input-accent"></div>
 173                     <div class="b3-input-status-indicator"></div>
 174                   </div>
 175                   <p data-name="COUNTRY" class="b3id-input-error b3-error b3id-address-edit-error b3-address-edit-error-message" style="display:none"></p></div>
 176               </div>
 177               <div class="clearfix"></div>
 178             </div>
 179           </div>
 180         </div>
 181       </div>
 182     </div>
 183   </div>
 184   <input type="hidden" id="creditCardForm.supportedCountries" name="supportedCountries" value="[&quot;AD&quot;,&quot;AE&quot;,&quot;AF&quot;,&quot;AG&quot;,&quot;AI&quot;,&quot;AL&quot;,&quot;AM&quot;,&quot;AO&quot;,&quot;AQ&quot;,&quot;AR&quot;,&quot;AS&quot;,&quot;AT&quot;,&quot;AU&quot;,&quot;AW&quot;,&quot;AZ&quot;,&quot;BA&quot;,&quot;BB&quot;,&quot;BD&quot;,&quot;BE&quot;,&quot;BF&quot;,&quot;BG&quot;,&quot;BH&quot;,&quot;BI&quot;,&quot;BJ&quot;,&quot;BM&quot;,&quot;BN&quot;,&quot;BO&quot;,&quot;BR&quot;,&quot;BS&quot;,&quot;BT&quot;,&quot;BV&quot;,&quot;BW&quot;,&quot;BY&quot;,&quot;BZ&quot;,&quot;CA&quot;,&quot;CC&quot;,&quot;CD&quot;,&quot;CF&quot;,&quot;CG&quot;,&quot;CH&quot;,&quot;CI&quot;,&quot;CK&quot;,&quot;CL&quot;,&quot;CM&quot;,&quot;CN&quot;,&quot;CO&quot;,&quot;CR&quot;,&quot;CV&quot;,&quot;CX&quot;,&quot;CY&quot;,&quot;CZ&quot;,&quot;DE&quot;,&quot;DJ&quot;,&quot;DK&quot;,&quot;DM&quot;,&quot;DO&quot;,&quot;DZ&quot;,&quot;EC&quot;,&quot;EE&quot;,&quot;EG&quot;,&quot;EH&quot;,&quot;ER&quot;,&quot;ES&quot;,&quot;ET&quot;,&quot;FI&quot;,&quot;FJ&quot;,&quot;FK&quot;,&quot;FM&quot;,&quot;FO&quot;,&quot;FR&quot;,&quot;GA&quot;,&quot;GB&quot;,&quot;GD&quot;,&quot;GE&quot;,&quot;GF&quot;,&quot;GH&quot;,&quot;GI&quot;,&quot;GL&quot;,&quot;GM&quot;,&quot;GN&quot;,&quot;GP&quot;,&quot;GQ&quot;,&quot;GR&quot;,&quot;GS&quot;,&quot;GT&quot;,&quot;GU&quot;,&quot;GW&quot;,&quot;GY&quot;,&quot;HK&quot;,&quot;HM&quot;,&quot;HN&quot;,&quot;HR&quot;,&quot;HT&quot;,&quot;HU&quot;,&quot;ID&quot;,&quot;IE&quot;,&quot;IL&quot;,&quot;IN&quot;,&quot;IO&quot;,&quot;IQ&quot;,&quot;IS&quot;,&quot;IT&quot;,&quot;JM&quot;,&quot;JO&quot;,&quot;JP&quot;,&quot;KE&quot;,&quot;KG&quot;,&quot;KH&quot;,&quot;KI&quot;,&quot;KM&quot;,&quot;KN&quot;,&quot;KR&quot;,&quot;KW&quot;,&quot;KY&quot;,&quot;KZ&quot;,&quot;LA&quot;,&quot;LB&quot;,&quot;LC&quot;,&quot;LI&quot;,&quot;LK&quot;,&quot;LR&quot;,&quot;LS&quot;,&quot;LT&quot;,&quot;LU&quot;,&quot;LV&quot;,&quot;LY&quot;,&quot;MA&quot;,&quot;MC&quot;,&quot;MD&quot;,&quot;ME&quot;,&quot;MG&quot;,&quot;MH&quot;,&quot;MK&quot;,&quot;ML&quot;,&quot;MN&quot;,&quot;MO&quot;,&quot;MP&quot;,&quot;MQ&quot;,&quot;MR&quot;,&quot;MS&quot;,&quot;MT&quot;,&quot;MU&quot;,&quot;MV&quot;,&quot;MW&quot;,&quot;MX&quot;,&quot;MY&quot;,&quot;MZ&quot;,&quot;NA&quot;,&quot;NC&quot;,&quot;NE&quot;,&quot;NF&quot;,&quot;NG&quot;,&quot;NI&quot;,&quot;NL&quot;,&quot;NO&quot;,&quot;NP&quot;,&quot;NR&quot;,&quot;NU&quot;,&quot;NZ&quot;,&quot;OM&quot;,&quot;PA&quot;,&quot;PE&quot;,&quot;PF&quot;,&quot;PG&quot;,&quot;PH&quot;,&quot;PK&quot;,&quot;PL&quot;,&quot;PM&quot;,&quot;PN&quot;,&quot;PR&quot;,&quot;PS&quot;,&quot;PT&quot;,&quot;PW&quot;,&quot;PY&quot;,&quot;QA&quot;,&quot;RE&quot;,&quot;RO&quot;,&quot;RS&quot;,&quot;RU&quot;,&quot;RW&quot;,&quot;SA&quot;,&quot;SB&quot;,&quot;SC&quot;,&quot;SE&quot;,&quot;SG&quot;,&quot;SH&quot;,&quot;SI&quot;,&quot;SJ&quot;,&quot;SK&quot;,&quot;SL&quot;,&quot;SM&quot;,&quot;SN&quot;,&quot;SO&quot;,&quot;SR&quot;,&quot;ST&quot;,&quot;SV&quot;,&quot;SZ&quot;,&quot;TC&quot;,&quot;TD&quot;,&quot;TF&quot;,&quot;TG&quot;,&quot;TH&quot;,&quot;TJ&quot;,&quot;TK&quot;,&quot;TL&quot;,&quot;TM&quot;,&quot;TN&quot;,&quot;TO&quot;,&quot;TR&quot;,&quot;TT&quot;,&quot;TV&quot;,&quot;TW&quot;,&quot;TZ&quot;,&quot;UA&quot;,&quot;UG&quot;,&quot;UM&quot;,&quot;US&quot;,&quot;UY&quot;,&quot;UZ&quot;,&quot;VA&quot;,&quot;VC&quot;,&quot;VE&quot;,&quot;VG&quot;,&quot;VI&quot;,&quot;VN&quot;,&quot;VU&quot;,&quot;WF&quot;,&quot;WS&quot;,&quot;YE&quot;,&quot;YT&quot;,&quot;ZA&quot;,&quot;ZM&quot;,&quot;ZW&quot;]">
 185 </div>
 186 </div>
 187 </form>