splitforms.com

HTML · FORM ATTRIBUTE

HTML Form Action — where form data goes (live demo)

The action attribute on a <form> tells the browser where to send the submitted data — a server URL or a form-backend endpoint. Omit it and the form submits back to the current page. Below is a working form whose action points at a real, free backend.

  • 500 free / mo
  • No backend
  • Copy-paste ready
HTML Form Action — copy-paste HTML form code that actually submits

Copy-paste ready

The HTML Form Action example below is a complete, working form — paste it into any HTML page and it submits, no edits to the markup required.

No backend to build

Your html form action form posts to one endpoint. No server, PHP, or API route — submissions land in your inbox and a searchable dashboard.

A form that really submits

Unlike a static reference snippet, this <form action> form actually sends data to a free splitforms backend, with spam filtering built in.

Copy-paste code

HTML Form Action code you can paste today.

Replace YOUR_ACCESS_KEY with a key from your free splitforms dashboard. The form posts to one endpoint — submissions land in your inbox and dashboard with spam filtering built in.

Get free access key
form-action.html
<form action="https://splitforms.com/api/submit" method="POST">
  <input type="hidden" name="access_key" value="YOUR_ACCESS_KEY">

  <label for="name">Name</label>
  <input type="text" id="name" name="name" required>

  <label for="email">Email</label>
  <input type="email" id="email" name="email" required>

  <!-- A submit button can override the form's action with formaction -->
  <button type="submit">Send</button>
  <button type="submit" formaction="https://splitforms.com/api/submit?list=beta">Send + join beta</button>
</form>

How it works

How to add HTML Form Action to any page.

Copy the html form action example, drop in your free access key, and paste it into any page — submissions start landing in your dashboard.

Copy the code

Copy the HTML Form Action example below.

Add your access key

Replace YOUR_ACCESS_KEY with a free splitforms key from the dashboard.

Paste into your site

Drop the form into any HTML page. Submissions arrive in your dashboard.

The <form action> element

Which HTML Form Action attributes matter?

The <form action> element takes a handful of attributes — these decide how your form behaves and what actually gets emailed to your inbox when someone submits.

  • action (on <form>) — The URL the form submits to. Absolute (https://…) or relative (/submit). Omit it to submit to the current page URL.
  • formaction (on a button) — Overrides the form's action for that one button — handy for multiple submit targets like 'Save' vs 'Save and publish'.
  • relative URL — A path like /api/submit is resolved against the current page's origin.
  • no action — If action is omitted entirely, the browser submits to the page's own URL (the document the form lives in).
HTML Form Action attributes reference

Common mistakes

HTML Form Action not working? Here's why.

Most broken forms come down to a few small mistakes with the <form action> element. Check these before you ship — then forward every submission to Slack or a webhook.

  • Use an absolute URL for cross-origin — For a static site posting to a hosted backend, use the full https:// URL. Relative paths only work when the backend runs on the same origin.
  • Omit ≠ empty — action="" submits to the current URL on most browsers, but the spec treats an empty action like an omitted one. Be explicit to avoid cross-browser surprises.
  • Avoid javascript: actions — Legacy forms used action="javascript:…". It's unreliable and a CSP headache. Run JavaScript from a submit event listener with preventDefault instead.
Common html form action mistakes to avoid

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.

A SplitForms contact form submission launching straight to your inbox

Add your endpoint

Point your form to your unique SplitForms endpoint. That's it.

HTML form pointing at a SplitForms submit endpoint

Receive submissions

We instantly capture and organize every submission in your inbox.

Submissions inbox with searchable leads and status pills

Route anywhere

Send data to email, spreadsheets, CRMs, webhooks, and 7,000+ apps.

Generic integration tiles for email, sheets, chat, CRM, automate, and webhook

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. And with Stripe connected, your forms can take payments too.

Connect your SplitForms form to Slack, Google Sheets, Mailchimp, Zapier and more
NewTake payments on your formsDeposits, bookings, order forms — submitters check out through Stripe and the money goes straight to your Stripe account. Included on every paid plan.See plans →

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.

Questions

HTML Form Action questions, answered.

View all FAQs
What is the form action attribute in HTML?

The action attribute specifies the URL where the form's data is sent when it's submitted. Set it to a server endpoint or a form-backend URL like https://splitforms.com/api/submit.

What happens if I omit the action attribute?

The form submits to the URL of the page it's on. This is sometimes wanted (e.g. a search filtering the same page) but for most forms you should set action explicitly to a handling endpoint.

Can a submit button change the form action?

Yes — add formaction to a <button type="submit"> to override the <form>'s action for that button only. Useful for multiple targets like "Subscribe" vs "Subscribe + send receipt".

Should action be absolute or relative?

Use an absolute https:// URL when posting to a different origin (like a hosted form backend on a static site). A relative path is fine only if the handler lives on the same domain.

What does the action attribute in HTML forms specify?

It specifies the destination URL — the server or service that will receive and process the submitted form data.

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, Stripe payments, and higher submission limits.

Free

$0
 

No card required

Best for testing

For side projects and indie devs.

  • 200 submissions total (one-time)
  • Unlimited forms
  • Email notifications included
  • Honeypot spam filtering
  • Submissions dashboard
  • MCP setup stays free
  • No credit card required

3-Year

$59/ first 3 years
was $99 · save 40% · new-user price

Pay $59. 3 years sorted.

  • 15,000 submissions / mo
  • Unlimited forms
  • Everything in Pro
  • $59 for 3 years, then $59/year
  • Long-term discount
  • Priority support included
  • Vote on the roadmap

No credit card required on Free • Cancel anytime