anchor.diff:        <input id="adyen-encrypted-form-number"
                placeholder="5555444433331111"
                size="20"
  -             type="text"
  +             type="tel"
                autocomplete="off"
                data-encrypted-name="number" />
       </div>
  
positive.code: <script>
    var form = document.getElementById('checkout_form_payment'),
        key = "<%= payment_method.options[:public_key] %>",
        options = {};
  
      adyen.encrypt.createEncryptedForm(form, key, options);
  </script>
  
negative.code:              size="4"
               autocomplete="off"
               data-encrypted-name="cvc"
               type="tel" />
      </div>
  
      <div class="field">
        <label for="adyen-encrypted-form-expiry-month">Expiration Month (MM)</label>
  
        <input id="adyen-encrypted-form-expiry-month"
               type="tel"
               placeholder="MM"
               maxlength="2"
               autocomplete="off"
               data-encrypted-name="expiryMonth" /> /
  
        <label for="adyen-encrypted-form-expiry-year">Expiration Year (YYYY)</label>
        <input id="adyen-encrypted-form-expiry-year"
               size="4"
               type="tel"
               maxlength="4"
               autocomplete="off"
               placeholder="YYYY"
               data-encrypted-name="expiryYear" />
      </div>
      <input type="hidden"
             id="adyen-encrypted-form-expiry-generationtime"
             value="<%= DateTime.current() %>"
             data-encrypted-name="generationtime" />
    </fieldset>
  </div>
  
  