Paste your form markup
Copy a complete <form> element or a full HTML page that contains a form. The converter reads the first form it finds.
HTML form to JSON
Convert HTML form to JSON — schema + sample payload.
Paste your <form> markup and get a JSON schema plus a realistic sample payload instantly — the data contract you need before a backend exists. Everything parses in your browser, no signup.
- 100% client-side
- No signup
- 3 JSON outputs
JSON schema
type, properties, required, enum, and writeOnly keywords, so validators and code generators read the schema directly.
Sample payload
A realistic submission object for webhook tests, API examples, and integration specs.
splitforms-ready HTML
Clean markup that POSTs to a real backend — paste your access key and the form is live.
HTML form to JSON schema
Paste markup, get JSON instantly.
The converter reads every field — inputs, textareas, selects, radio and checkbox groups, hidden fields, labels, and options — and returns a JSON Schema-style object like this, plus a matching sample payload and splitforms-ready HTML.
{
"$schema": "http://json-schema.org/draft-07/schema#",
"type": "object",
"title": "Contact form",
"properties": {
"name": { "type": "string" },
"email": { "type": "string", "format": "email" },
"message": { "type": "string" },
"topic": { "type": "string", "enum": ["Sales", "Support"] },
"access_key": { "type": "string", "writeOnly": true }
},
"required": ["name", "email", "message"]
}Setup
How to convert an HTML form to JSON.
Four steps from raw markup to a working, deploy-ready form — all in the browser, no signup.
Review detected fields
Confirm field names, labels, types, required status, hidden fields, and option values before copying the JSON output.
Copy JSON schema or sample payload
Use the JSON schema for documentation and validation. Use the sample payload for webhook tests, API examples, and integration specs.
Ship the splitforms-ready HTML
Copy the regenerated HTML, paste your access key, and deploy a working form with email delivery, spam filtering, dashboard storage, and webhooks.
Why JSON
Why convert an HTML form to JSON?
Developers need to document a form before the backend is finished. A JSON schema gives the API team a contract, gives QA a payload to test, and gives automation tools a predictable shape. Copy the regenerated HTML, paste your access key, and the same fields become webhook payloads and dashboard rows.
- Hidden fields like access_key and botcheck stay in the schema, marked write-only.
- The same fields become email notifications and dashboard rows on every plan.
- Webhook payloads and CSV exports unlock once you're on Starter or above.
What you get
What does an HTML form to JSON converter output?
Three usable outputs from one paste — a schema to document and validate against, a payload to test with, and clean HTML that submits to a real backend.
- JSON schema with type, properties, required, and enum.
- A realistic sample submission payload for webhook and API tests.
- splitforms-ready HTML — paste your access key and the form is live.
API + MCP
Get form JSON back out through the API and MCP.
Need the JSON without a live form? The REST API returns stored submissions in this same shape, and the MCP server lets AI agents create forms and read submissions using the field names shown in the schema.
- GET /api/submissions returns { submissions, has_more } as JSON.
- Filter by form, limit, before, or since (60 requests/min).
- MCP tools create_form, generate_form, and list_submissions.
How SplitForms works
From form to workflow in 3 simple steps.
Connect your form, collect every submission, and send data where it needs to go — without building backend infrastructure.
Add your endpoint
Point your form to your unique SplitForms endpoint. That's it.
Receive submissions
We instantly capture and organize every submission in your inbox.
Route anywhere
Send data to email, spreadsheets, CRMs, webhooks, and 7,000+ apps.
No credit card required. Set up in under 60 seconds.
Connect & automate
Connect your favorite tools and automate everything
SplitForms works with the destinations you route to and the platforms you build on — from Slack and Sheets to WordPress, Shopify, and Next.js.
Trusted by indie teams and agencies shipping forms worldwide
PETAL/COKRAFT.DELINEAR-XBUILD.DEVSTUDIO 71MERIDIANFRAME&CO
Testimonials
Loved by developers shipping at every scale.
40 quotes on record — from indie hacks to agency migrations.
“I replaced a Lambda + DynamoDB + SES contact form with six lines of HTML. It took eleven minutes, and the dashboard is better than what I was going to build.”
“We migrated 14 client sites off Formspree in a single weekend. The price is a third of what we paid, the API is more honest, and the spam filter actually works.”
“The webhook payload is signed, idempotent, and well-shaped. It reads like code from a competent team, not a CRUD app held together with duct tape.”
“I stopped reaching for Typeform on small marketing sites. splitforms covers 90% of the use case at none of the bloat.”
“I onboarded our whole agency in an afternoon. The MCP integration meant Cursor literally dropped the form straight into our client repos for us.”
“The free plan gave me 500 submissions before I paid a cent, and Starter is a dollar a month. I've spent more on coffee deciding which backend to use.”
“Spam went from forty junk entries a day to zero, with no reCAPTCHA puzzle ruining the form. The honeypot and time-trap just quietly do their job.”
“Point the form action at one endpoint and you're done. No SDK, no client library, no build step. This is how a form backend should feel.”
“Leads land in Slack the second someone submits, and a copy goes to Google Sheets for the sales team. I wired both up in under ten minutes.”
“I run a static Hugo site on a five-dollar VPS. splitforms gave it a real contact form without me standing up a single server.”
FAQ
HTML form to JSON questions.
View all FAQsWhat does this HTML form to JSON converter generate?
It parses the first form in your pasted HTML and generates three outputs: a JSON schema for the named fields, a sample submission payload, and clean splitforms-ready HTML that posts to a real backend. It detects inputs, textareas, selects, radio groups, checkbox groups, hidden fields, required fields, labels, placeholders, and option values.
Is my HTML uploaded or stored when I convert it to JSON?
No. The converter runs entirely in your browser using DOMParser. The HTML you paste is never sent to splitforms or any third party. You can load the page, disconnect from the internet, and keep converting forms locally.
Can this convert a React or JSX form to JSON?
Paste rendered HTML, not JSX. React, Next.js, Vue, Svelte, and Astro all render normal HTML in the browser. Open DevTools, copy the outerHTML for the form element, then paste that markup into the converter.
Does the output follow the JSON Schema standard?
Yes. The schema is a JSON Schema-style object with type, properties, required, enum, and writeOnly keywords, so validators and code generators can read it directly. Text inputs map to string, number and range inputs to number, checkboxes to boolean, and multi-selects and choice groups to array, with any detected option values listed under enum.
How do I make the converted form actually submit?
Copy the splitforms-ready HTML output, replace YOUR_ACCESS_KEY with your free splitforms key, and paste the form into your site. The form posts to splitforms, which handles dashboard storage and spam filtering on Free; Free includes owner email delivery; Starter adds webhooks.
Does it include hidden access keys or honeypot fields?
Yes. Hidden fields are detected and marked as write-only in the schema. If the form does not include a splitforms access_key or botcheck honeypot, the generated HTML adds both so the copied form can submit and resist basic spam.
Can I get form submissions back out as JSON through an API?
Yes. GET https://splitforms.com/api/submissions with an Authorization: Bearer token returns { submissions, has_more } as JSON, filterable by form, limit, before, or since (60 requests/min). Your token lives at Dashboard → MCP, and the JSON shape it returns matches what this converter generates.
Can an AI agent or chatbot use this JSON schema directly?
Yes. splitforms ships a free MCP server (all plans) with tools like create_form, generate_form, and list_submissions, so an agent can create a form and read its submissions using the same field names this converter outputs. A chatbot that collects a lead in conversation can POST the gathered fields as JSON to https://splitforms.com/api/submit with the form's access_key, exactly like the splitforms-ready HTML this page generates.
Simple pricing
Start free. Scale when you need more.
Choose a plan that fits your workflow — from a free form endpoint to full automations, exports, and higher submission limits.
Free
$0
Free forever
For side projects and indie devs.
- 500 submissions / mo
- Unlimited forms
- Email notifications included
- Honeypot spam filtering
- Submissions dashboard
- MCP setup stays free
- No credit card required
Most Popular
Starter
$1/ month
was $5 · save 80% · new-user price
For builders who want every paid feature for $1/month.
- 1,000 submissions / mo
- Unlimited forms
- CSV, XML, and PDF export
- Auto-responder emails
- Webhooks and integrations
- All Pro features unlocked
Pre-launch · founders pricing locked in
Pro
$5/ month
was $15 · save 67% · new-user price
For agencies and growing products.
- 5,000 submissions / mo
- Unlimited forms
- Everything in Starter
- Priority support (under 4hr)
- 5× Starter submission volume
- Cancel anytime
3-Year
$59/ 36 months
was $99 · save 40% · new-user price
Pay $59. 3 years sorted.
- 15,000 submissions / mo
- Unlimited forms
- Everything in Pro
- Renews every 3 years
- Long-term discount
- Priority support included
- Vote on the roadmap
No credit card required on Free • Cancel anytime