<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Heuristics de-DE fields test page</title>
</head>
<body>
  <h1>Heuristics de-DE fields test page</h1>
  <form autocomplete="off">
    <div>
      <div>Karteninhaber</div>
      <input id="creditCardHolder" name="creditCardHolder" maxlength="30" type="text">
    </div>
    <div>
      <div>Kartentyp</div>
      <select id="CCBrand" name="CCBrand">
        <option>
        </option>
        <option>AMEX</option>
        <option>VISA</option>
        <option>MasterCard</option>
        <option>Maestro</option>
      </select>
    </div>
    <div>
      <div>Kartennummer</div>
      <input id="CCNr" name="CCNr" maxlength="19" type="text">
    </div>
    <div>
      <div>gültig bis</div>
      <select id="KKMonth" name="KKMonth">
        <option value="MM">MM</option>
        <option value="01">01</option>
        <option value="02">02</option>
        <option value="03">03</option>
        <option value="04">04</option>
        <option value="05">05</option>
        <option value="06">06</option>
        <option value="07">07</option>
        <option value="08">08</option>
        <option value="09">09</option>
        <option value="10">10</option>
        <option value="11">11</option>
        <option value="12">12</option>
      </select>
      <select id="KKYear" name="KKYear">
        <option value="YYYY">JJJJ</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>
        <option value="2025">2025</option>
        <option value="2026">2026</option>
        <option value="2027">2027</option>
      </select>
    </div>
    <div>
      <div>Prüfnummer</div>
      <input name="cccvc" id="CVV" maxlength="4" size="5" type="password">
    </div>
  </form>
  <form autocomplete="off">
    <div>
      <label for="test-input">Name auf der Karte</label>
      <input id="test-input" maxlength="30" type="text" name="ppw-accountHolderName">
    </div>
    <div>
      <label for="DE_select">Kartenmarke</label>
      <select id="DE_select" name="KKName">
        <option>
        </option>
        <option>AMEX</option>
        <option>VISA</option>
        <option>MasterCard</option>
        <option>Maestro</option>
      </select>
    </div>
    <div>
      <label for="test-input3">Kartennummer</label>
      <input id="test-input3" maxlength="19" type="text">
    </div>
    <div>
      <div>gültig bis</div>
      <select id="KKMonth" name="KKMonth">
        <option value="MM">MM</option>
        <option value="01">01</option>
        <option value="02">02</option>
        <option value="03">03</option>
        <option value="04">04</option>
        <option value="05">05</option>
        <option value="06">06</option>
        <option value="07">07</option>
        <option value="08">08</option>
        <option value="09">09</option>
        <option value="10">10</option>
        <option value="11">11</option>
        <option value="12">12</option>
      </select>
      <select id="KKYear" name="KKYear">
        <option value="YYYY">JJJJ</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>
        <option value="2025">2025</option>
        <option value="2026">2026</option>
        <option value="2027">2027</option>
      </select>
    </div>
    <div>
      <div>Prüfnummer</div>
      <input name="cccvc" id="CVV" maxlength="4" size="5" type="password">
    </div>
  </form>
</body>
</html>
