Credit Card Fields Starter Plan

Formatting fields to display credit card information accurately can be a hassle. Not anymore, just change the type attribute and leave the rest to us.

Implementation

Set the type attribute to either cc-number, cc-exp, or cc-cvc. KwesForms will automatically detect that field and format it as the appropriate credit card field.

Result
HTML Pretty
HTML W3C

<input type="cc-number" name="card_number">
<input type="cc-exp" name="card_exp">
<input type="cc-cvc" name="card_cvc">

<input type="text" data-kw-type="cc-number" name="card_number">
<input type="text" data-kw-type="cc-exp" name="card_exp">
<input type="text" data-kw-type="cc-cvc" name="card_cvc">

Notice anything wrong in our docs? Let us know.