chromium/components/test/data/autofill/heuristics/input/129_bug_465053.html

<head>
  <title>Google Developers Console</title>
</head>
<form class="p6n-billing-freetrial-signup-form p6n-align-left p6n-form ng-pristine ng-scope ng-invalid ng-invalid-required" name="controller.signupForm">
<div class="creation-form-content" data-value="creditCard">
<div id="creditCardForm" class="instrument-form payments-instruments-creditcard" data-component-name="CREDIT_CARD">
  <div class="b3-credit-card-field b3-card-number-input-container"><img class="b3id-detected-card-icon card-icon-images-row" style="display: none;">
    <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="">
    </div>
    <div class="b3id-input b3-input b3id-card-number-input b3-card-number-input invalid">
      <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">
        <div class="b3-input-accent">
        </div>
        <div class="b3-input-status-indicator">
        </div>
      </div>
      <p class="b3id-input-error b3-error b3id-card-number-input-error" style="display: none;">Card number is required</p>
    </div>
  </div>
  <div class="creditcard-exp-cvc-fields b3-credit-card-field">
    <div class="b3id-expiration-date-container b3-card-expiration-date-container">
      <div class="b3id-input b3-input b3id-card-month-input b3-card-month-input">
        <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">
          <div class="b3-input-accent">
          </div>
          <div class="b3-input-status-indicator">
          </div>
        </div>
        <p class="b3id-input-error b3-error b3id-card-month-input-error" style="display:none"></p>
      </div>
      <span class="b3-card-date-divider">/</span>
      <div class="b3id-input b3-input b3id-card-year-input b3-card-year-input">
        <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">
          <div class="b3-input-accent">
          </div>
          <div class="b3-input-status-indicator">
          </div>
        </div>
        <p class="b3id-input-error b3-error b3id-card-year-input-error" style="display:none"></p>
      </div>
      <p class="b3id-card-expiration-date-input-error b3-error" style="display: none;"></p>
    </div>
    <div class="b3id-cvc-container b3-cvc-container input-field-right">
      <div class="b3id-input b3-input b3id-security-code-input b3-security-code-input" aria-describedby="ariaCvcText-390037217">
        <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">
          <div class="b3-input-accent">
          </div>
          <div class="b3-input-status-indicator">
          </div>
        </div>
        <p class="b3id-input-error b3-error b3id-security-code-input-error" style="display:none"></p>
      </div>
      <div class="b3-cvc-tooltip-container input-field-right tooltip-container"><a class="info-link b3id-cvc-tooltip">?</a>
        <div class="tooltip-popup b3id-cvc-tooltip-popup" style="display: none;">
          <div class="tooltip-card-brand">
            <div class="b3id-cvc-tooltip-header tooltip-header">
            </div>
            <img class="b3id-cvc-tooltip-image tooltip-image">
            <div class="b3id-cvc-tooltip-text tooltip-text" id="ariaCvcText-390037217">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="b3id-input b3-input b3id-cardholder-name-input b3-credit-card-field">
    <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">
      <div class="b3-input-accent">
      </div>
      <div class="b3-input-status-indicator">
      </div>
    </div>
    <p class="b3id-input-error b3-error b3id-cardholder-name-input-error" style="display:none"></p>
  </div>
  <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">
    <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">
        <div class="jfk-checkbox-checkmark" role="presentation">
        </div>
      </span><label class="b3id-default-address-checkbox-label inline-label" id=":43.lbl">Credit or debit card address is same as above</label>
    </div>
    <div class="b3id-address-section" style="display: none;">
      <div class="address-header-message with-info-icon b3id-address-header-message" style="display:none">
      </div>
      <div id="creditCardForm-1478734612631720414.billingAddressForm.addressForm" class="address-form b3id-address-form" style="display: none;">
        <div class="addressedit" data-locale="en_US" data-is-force-latin-values="false">
          <div class="addressedit-countryselector-section">
            <div class="b3id-select countryselector b3id-country-selector" data-initial-value="US">
              <div class="goog-flat-menu-button jfk-select countryselector-select countryselector-caption" data-initial-value="US">
                <div class="goog-menu countryselector-menu b3id-country-selector-menu">
                  <div class="goog-menuitem" data-value="AF"><span class="countryselector-flag countryselector-flag-AF"></span>Afghanistan (AF)
                  </div>
                  <div class="goog-menuitem" data-value="ZW"><span class="countryselector-flag countryselector-flag-ZW"></span>Zimbabwe (ZW)
                  </div>
                </div>
              </div>
              <div class="b3-input-accent">
              </div>
              <div class="b3-input-status-indicator">
              </div>
            </div>
          </div>
          <div class="addressedit-country-specific-section">
            <div class="addressedit-region" data-postal-code-regex="^(\d{5})(?:[ \-](\d{4}))?$">
              <div class="addressedit-subregion " style="display: none;" data-lookup-key="data/US">
                <div data-key="AL" data-name="Alabama" data-postal-code-regex="^(3[56]).*$" data-postal-code-ranges="35000,36999"></div>
                <div data-key="WY" data-name="Wyoming" data-postal-code-regex="^(82|83[01]|83414).*$" data-postal-code-ranges="82000,83199:83414"></div>
              </div>
              <div class="addressedit-field addressedit-text addressedit-col1-field" data-name="ORGANIZATION" style="display: none;">
                <div class="b3id-input b3-input" title="Business name">
                  <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">
                    <div class="b3-input-accent"></div>
                    <div class="b3-input-status-indicator"></div>
                  </div>
                  <p data-name="ORGANIZATION" class="b3id-input-error b3-error b3id-address-edit-error b3-address-edit-error-message" style="display:none"></p>
                </div>
              </div>
              <div class="addressedit-linebreak"></div>
              <div class="addressedit-field addressedit-text addressedit-col1-field" data-name="RECIPIENT" style="display: none;">
                <div class="b3id-input b3-input" title="Name">
                  <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">
                    <div class="b3-input-accent"></div>
                    <div class="b3-input-status-indicator"></div>
                  </div>
                  <p data-name="RECIPIENT" class="b3id-input-error b3-error b3id-address-edit-error b3-address-edit-error-message" style="display:none"></p>
                </div>
              </div>
              <div class="addressedit-linebreak"></div>
              <div class="addressedit-field addressedit-text addressedit-col1-field" data-name="ADDRESS_LINE_1" data-required="true">
                <div class="b3id-input b3-input" title="Street address">
                  <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">
                    <div class="b3-input-accent"></div>
                    <div class="b3-input-status-indicator"></div>
                  </div>
                  <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>
              </div>
              <div class="addressedit-linebreak"></div>
              <div class="addressedit-field addressedit-text addressedit-col1-field" data-name="ADDRESS_LINE_2">
                <div class="b3id-input b3-input" title="Apt./Suite">
                  <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">
                    <div class="b3-input-accent"></div>
                    <div class="b3-input-status-indicator"></div>
                  </div>
                  <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>
              </div>
              <div class="addressedit-linebreak"></div>
              <div class="addressedit-field addressedit-text addressedit-col1-field" data-name="LOCALITY" data-required="true">
                <div class="b3id-input b3-input" title="City">
                  <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">
                    <div class="b3-input-accent"></div>
                    <div class="b3-input-status-indicator"></div>
                  </div>
                  <p data-name="LOCALITY" class="b3id-input-error b3-error b3id-address-edit-error b3-address-edit-error-message" style="display:none"></p></div>
              </div>
              <div class="addressedit-linebreak"></div>
              <div class="addressedit-field b3-address-edit-select addressedit-col2-field" data-name="ADMIN_AREA">
                <div class="addressedit-select jfk-select" title="State" data-name="ADMIN_AREA" data-placeholder-text="State"></div>
                <div class="b3-input-accent"></div>
                <div class="b3-input-status-indicator"></div>
                <p class="b3-input-error b3-error b3id-address-edit-error b3-address-edit-error-message" style="display: none;"></p></div>
              <div class="addressedit-field addressedit-text addressedit-col2-last-field" data-name="POSTAL_CODE" data-regex="^(\d{5})(?:[ \-](\d{4}))?$" data-required="true">
                <div class="b3id-input b3-input" title="ZIP code">
                  <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">
                    <div class="b3-input-accent"></div>
                    <div class="b3-input-status-indicator"></div>
                  </div>
                  <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>
              </div>
              <div class="addressedit-linebreak"></div>
              <div class="addressedit-field addressedit-text" data-name="COUNTRY" data-required="true" style="display: none;">
                <div class="b3id-input b3-input" title="Country">
                  <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">
                    <div class="b3-input-accent"></div>
                    <div class="b3-input-status-indicator"></div>
                  </div>
                  <p data-name="COUNTRY" class="b3id-input-error b3-error b3id-address-edit-error b3-address-edit-error-message" style="display:none"></p></div>
              </div>
              <div class="clearfix"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <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;]">
</div>
</div>
</form>