Shipping 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 shipping request" />

  <fieldset>
    <legend>Recipient</legend>
    <label>Full name<input name="recipient_name" required autocomplete="name" /></label>
    <label>Email<input name="email" type="email" required autocomplete="email" /></label>
    <label>Phone<input name="phone" type="tel" autocomplete="tel" /></label>
  </fieldset>

  <fieldset>
    <legend>Shipping address</legend>
    <label>Street address<input name="address_line_1" required autocomplete="address-line1" /></label>
    <label>Apt, suite, etc. (optional)
      <input name="address_line_2" autocomplete="address-line2" />
    </label>
    <label>City<input name="city" required autocomplete="address-level2" /></label>
    <label>State / Region<input name="state" required autocomplete="address-level1" /></label>
    <label>Postal code<input name="postal_code" required autocomplete="postal-code" /></label>
    <label>Country
      <select name="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>

  <fieldset>
    <legend>Shipping method</legend>
    <label><input type="radio" name="method" value="standard" required checked /> Standard (5-7 days) — Free</label>
    <label><input type="radio" name="method" value="expedited" /> Expedited (2-3 days) — $9.99</label>
    <label><input type="radio" name="method" value="overnight" /> Overnight — $24.99</label>
  </fieldset>

  <label>Delivery instructions (optional)
    <textarea name="instructions" rows="3"
              placeholder="Leave at door, ring buzzer, etc."></textarea>
  </label>

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

Every shipping form should use the WHATWG autocomplete tokens correctly. The address fields get `address-line1`, `address-line2`, `address-level1` (state), `address-level2` (city), `postal-code`, `country`. Recipient fields get `name`, `email`, `tel`. When all autocomplete attributes are set, browsers autofill the entire address from a saved profile in a single tap — completion time drops from 60 seconds to 5.

Separate address-line-1 and address-line-2 explicitly. address-line-1 is the street; address-line-2 is the apt/suite/unit. Some address autofill systems don't combine them correctly when there's only one field, leading to messy data. Two fields, both with the right autocomplete value, fixes it.

Shipping method radio buttons with prices in the label text. Default to the free option (`checked` on standard) so customers can submit without selecting if they're happy with the default. Calculate the actual cost server-side from the submitted value — don't trust the price in the label since attackers could spoof it client-side.

splitforms emails you the shipping request and stores it permanently. For real shipping workflows, webhook into ShipStation, Easyship, or Shippo — they accept the address payload directly and generate shipping labels automatically. For a custom shop, the webhook hits your /api/orders endpoint and your warehouse takes over.

Correct autocomplete tokens, separate address lines, server-side cost validation.