Waterloo
/ form.html
Created
October 26, 2015 18:18
— forked from gosseti/form.html
A credit card form using jQuery.payment
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <form accept-charset="UTF-8" action="/payment" class="cardInfo" method="post"> | |
| <fieldset class="cardInfo__cardDetails"> | |
| <div class="form-row cardInfo__cc-num"> | |
| <label for="cc-num"><abbr title="required">*</abbr><span>Card Number</span></label> | |
| <div class="cc-num__wrap"> | |
| <!-- using type="tel" because type="number" doesn’t pass HTML5 form validation with jQuery.payment formatting --> | |
| <input id="cc-num" type="tel" class="paymentInput cc-num" placeholder="•••• •••• •••• ••••" autocompletetype="cc-number" required="required"> | |
| <span class="card" aria-hidden="true"></span> |