Order Form in HTML — Working Code Template

<form action="https://splitforms.com/api/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY" />
  <input type="hidden" name="_subject"   value="New order intent" />

  <fieldset>
    <legend>Products</legend>
    <label>T-shirt (Small)<input name="qty_tshirt_s" type="number" min="0" value="0" /></label>
    <label>T-shirt (Medium)<input name="qty_tshirt_m" type="number" min="0" value="0" /></label>
    <label>T-shirt (Large)<input name="qty_tshirt_l" type="number" min="0" value="0" /></label>
    <label>Hoodie<input name="qty_hoodie" type="number" min="0" value="0" /></label>
    <label>Sticker pack<input name="qty_stickers" type="number" min="0" value="0" /></label>
  </fieldset>

  <fieldset>
    <legend>Shipping address</legend>
    <label>Full name<input name="ship_name" required autocomplete="name" /></label>
    <label>Email<input name="email" type="email" required autocomplete="email" /></label>
    <label>Street address<input name="ship_address" required autocomplete="street-address" /></label>
    <label>City<input name="ship_city" required autocomplete="address-level2" /></label>
    <label>State/Region<input name="ship_state" required autocomplete="address-level1" /></label>
    <label>Postal code<input name="ship_postal" required autocomplete="postal-code" /></label>
    <label>Country
      <select name="ship_country" required autocomplete="country">
        <option value="">— select —</option>
        <option>United States</option>
        <option>Canada</option>
        <option>United Kingdom</option>
        <option>Australia</option>
        <option>Other</option>
      </select>
    </label>
  </fieldset>

  <label>Order notes (optional)<textarea name="notes" rows="3"></textarea></label>

  <input type="checkbox" name="botcheck" style="display:none" tabindex="-1" />
  <button type="submit">Continue to payment →</button>
</form>

Order forms capture the order intent — what the customer wants and where to ship it. Payment processing happens on a dedicated Stripe Checkout (or PaymentIntent) page after this form. Separation matters because card data should never touch your form backend; PCI compliance demands it stays in Stripe's hosted UI.

Use proper `autocomplete` attributes on every address field — `street-address`, `address-level1` (state), `address-level2` (city), `postal-code`, `country`. Browsers autofill the whole address from a single tap when these are set correctly; customers complete the form 5x faster and accuracy goes up.

Product quantity inputs with `type="number"` and `min="0"` give you native validation (no negative quantities) and the numeric mobile keyboard. For a real shop, generate the product list dynamically from your inventory — the static example above is just the shape.

The form POSTs to splitforms. splitforms emails you the order intent, stores it permanently, and 302s the customer to your Stripe Checkout URL with the line items and shipping address pre-filled. The order is captured even if the customer abandons before payment — recovery emails can convert 10-20% of abandoned carts.

Capture intent → Stripe Checkout → recover abandoned orders.