payment-form.md

Payment form

Using attributes to help users to enter the data:

<form method="post">
  <label for="number">Card number</label>
  <input
    id="number"
    name="number"
    autocomplete="cc-number"
    inputmode="numeric"
    required
  >

  <label for="name">Name on card</label>
  <input id="name" name="name" autocomplete="cc-name" required>

  <label for="exp">Expiry date</label>
  <input id="exp" name="exp" autocomplete="cc-exp" required>

  <label for="csc">Security code</label>
  <input id="csc" name="csc" autocomplete="cc-csc" inputmode="numeric" required>

  <button>Complete payment</button>
</form>

---

• Payment form best practices codelab