Form

input.form Input v0.1.0

Serves an HTML form and starts the workflow with the submitted fields.

The Form step on the Studio canvas — The **Form** step as it appears on the Studio canvas — input pins on the left, output ports on the right.

Finding it in the library

Search the builder's node library for Form (it lives under Input). A single click opens the in-editor docs panel shown here — description, ports, and every property, without leaving the canvas. Double-click (or drag) to add it to the workflow.

Form in the node library, with the in-editor docs panel open — The library entry and the in-editor docs panel for **Form** — the same reference this page is generated from.

Wired up in the builder

Form in a real, runnable flow — captured live from the Studio editor, exactly as it looks on your canvas. This is the same workflow used for the example input & output below.

Form wired into a runnable workflow in the Studio builder — **Form** wired into a runnable flow — input on the left, output on the right.

How it’s configured

The node’s settings as the builder shows them — every field laid out with real values. In the Studio these are edited on the node: click the chevron on the divider under its ports to open them.

The Form node's settings in the Studio builder — The settings for **Form**, showing the values from the flow above.

Ports

This is a trigger — it starts runs and takes no input wire.

Ports are the node’s contract with its neighbours. In the editor a port label renders bold when wired and italic when optional; ◈ ports accept attachment carriers rather than data wires.

Direction	Port	Label	What flows through it
Output	`output`	Submitted fields

How data flows through it

As a trigger, Form starts runs — it takes no input wire. What it emits is the request wrapper: the event’s body becomes the payload, and the wrapper carries the event metadata around it (for an HTTP-style trigger that’s headers.*, request.method, request.path and query). Downstream nodes consume the content — the wrapper is unwrapped at each node boundary, and expression roots like {{ headers.x }} still resolve against the wrapper when you need the metadata. See Runs & run data for the envelope model.

Expressions in the config

String-typed properties accept {{ }} expressions evaluated against the incoming item at run time — e.g. {{ $json.customer.email }}. On this node that’s path, title, description, submitLabel, responseText, allowedOrigins. JSON- and code-typed fields never interpolate — they are passed through literally.

Build it with AI

Every node in this reference is reachable through Flowdrome’s AI Copilot and the MCP tools — say what you want, and the graph surgery happens server-side. Node types resolve fuzzily, so the catalog label (Form) works as well as the exact type id (input.form).

In the Copilot panel (or any connected AI):

create a workflow that starts with form and logs the result

As a step in a create_chain_workflow call:

{"type":"Form","config":{}}

Raw MCP call — add this node to a workflow with add_node

curl -s -X POST http://localhost:4800/mcp -H "content-type: application/json" -d '{ "jsonrpc": "2.0", "id": "1", "method": "tools/call", "params": { "name": "add_node", "arguments": { "workflowId": "<id>", "type": "Form" } } }'

Example input & output

Captured from a real test run of the workflow above — this is what the Runs view shows after pressing Test workflow.

Input — what the node received

The Form node's input envelope in the run data viewer — The input envelope in the Runs view — Flowdrome always shows the whole envelope, with the payload inside `body`.

Output — what the node produced

The Form node's output envelope in the run data viewer — The output envelope after the step ran.

Property reference

Every setting, with its type and default — the same fields shown configured above.

Property	Type	Default	Description
Path `path`	`string`	`"/form"`	URL path the form is served at, e.g. /form.
Title `title`	`string`	`"Form"`	Heading shown at the top of the form.
Description `description`	`string`	`""`	Optional text under the title.
Fields `fields`	`rows`	`[{"name":"email","label":"Email","type":"email","required":"yes"}]`	The form's input fields.
Submit button `submitLabel`	`string`	`"Submit"`	Text on the submit button.
Response text `responseText`	`string`	`"Thanks — your response was recorded."`	Message shown after a successful submission.
Allowed origins `allowedOrigins`	`string`	`"*"`	CORS origins allowed to submit from OTHER sites via JavaScript (fetch/XHR). * = any site. Plain HTML form posts and iframe embeds work regardless.
Max body (bytes) `maxBodyBytes`	`int`	`4194304`	Largest request body this trigger accepts — bigger requests are rejected with 413 before the workflow runs. 0 = unlimited at the trigger (the app-wide FLOWDROME_MAX_BODY_BYTES ceiling, default 32 MB, still applies).
Rate limit (req/s) `rateLimitRps`	`double`	`0`	Per-client-IP sustained request rate for this trigger. 0 = no rate limit (the default). For internet-exposed apps, prefer rate limiting at a fronting reverse proxy (docs/ingress-guards-design.md).
Rate limit burst `rateLimitBurst`	`int`	`0`	How many requests a client may send back-to-back before the per-second rate applies. 0 = automatic (2× the rate). Shown when `(showIf === undefined \|\| showIf(c)) && Number(rateLimitRps ?? 0) > 0`

Related nodes

The rest of the Input group — the same folder you’d scan in the editor’s library.

This page is generated from the node registry by gen-node-docs.mjs on every site build — ports, properties, defaults and visibility rules cannot drift from the code. The screenshots and example data are captured from a live Flowdrome by npm run shots:nodes and npm run gen:examples.