Checkout

A mock-checkout form — shipping address plus a payment section that validates the card number with a client-side Luhn check. Use the test card 4111 1111 1111 1111; nothing is ever charged or stored.

Download this form as a standalone HTML file

Demo endpoint: submissions are validated server-side and returned as success, but nothing is stored, emailed, or forwarded.

CheckoutForm.tsx

Embed this form

It's a single self-contained HTML file (inlined CSS, native validation, no external requests). Download it, host it on your own site, and drop it into any page with an iframe.

iframe embed

<!-- Download checkout.html, host it on your site, then embed the form anywhere: -->
<iframe
  src="/path/to/checkout.html"
  title="Checkout Form"
  width="100%"
  height="640"
  loading="lazy"
  style="border:0">
</iframe>