Why should you care?

MarkupVerse KYC and payroll flows are multi-step — not one giant page of 40 fields.

See it live — copy this example

Save as demo.html and open in your browser, or use Run Example below.

<form method="post" action="/kyc/step-2">
  <input type="hidden" name="csrf" value="…token…">
  <input type="hidden" name="applicationId" value="app_1842">
  <fieldset>
    <legend>Step 2 of 4 — Address</legend>
    <label>Line 1 <input name="line1" required autocomplete="address-line1"></label>
    <label>City <input name="city" required autocomplete="address-level2"></label>
  </fieldset>
  <button name="intent" value="save">Save draft</button>
  <button name="intent" value="next">Continue</button>
</form>

Run Example »

Edit the code below and click Run to see the result in Toolliyo’s live editor.

What happened?

• Hidden CSRF + ids.
• Multiple submit intents.
• autocomplete for address.
• Show step progress in legend/heading.

Practice next

1. Split into steps.
2. Add CSRF hidden.
3. Two submit intents.
4. Add step indicator nav.
5. Disable Continue until valid.

Remember

Multi-step. CSRF hidden. Clear progress.

MarkupVerse KYC step form

Address step posts with CSRF.

Outcome: Draft/continue both work.