Form Fill

Fill the fields of a form on the active tab with values you set or values from earlier nodes.

Try it

工作流 · fill-form-from-json.awf 5 个步骤

Fill Form from JSON：包含 5 个步骤的工作流，从 Run now 开始，到 Submit the form 结束。

1. 1 Run now（When Started — 打开其文档页面） When Started
2. 2 Your form values（Edit Fields — 打开其文档页面） Edit Fields
3. 3 Confirm before filling（Wait For Approval — 打开其文档页面） Wait For Approval
4. 4 Fill the form（Form Fill — 打开其文档页面） Form Fill 如果 approved
5. 5 Submit the form（Submit Form — 打开其文档页面） Submit Form

在 AWFlow 中打开 复制 .awf

What it does

Form Fill finds a form on the active tab and fills its fields from a list of { id, value } pairs. Each id is matched against the field’s id first, then its name.

• Text fields and text areas get the value as text.
• Drop-down lists get the option whose value matches exactly.
• Checkboxes and radio buttons are ticked when the value equals the field’s own value, or is true, 1, yes, on or checked; anything else unticks them.

After each change the node tells the page the field was edited, so sites built with modern frameworks see the new value. It fills only; it does not submit the form.

When to use it

• Fill a sign-up, contact or order form with data from a spreadsheet, an API or an AI node.
• Fill the same form many times, one item at a time, from a list.
• To click, type step by step or choose from custom drop-downs that are not real form fields, use UI Automation.

Inputs and settings

2 个选项 · 选择“Mode”以查看其设置

AutomaticManual

Automatic 的设置

设置项	类型	作用
Form 必填（必填）	Page element	The form to fill. You can select the form, a container containing it, or a field inside it.

正在显示 Automatic 的设置

In short:

• Mode: Automatic takes the { id, value } pairs from the incoming data. Manual lets you type them in the node.
• Form: the form to fill. Click the crosshair button and click the form, a box around it, or any field inside it.
• Values (Manual mode only): one entry per field, each with a Field ID (the field’s id or name) and a Value. Values can use expressions, such as {{ $input.email }}.

In Automatic mode, the incoming data must be a list of { "id": "...", "value": "..." } objects, or a single item with id and value fields.

To find each field’s id or name, run Get Forms Schema on the page first.

Outputs

• Output

Each output item has these fields:

Field	类型	What it holds
result	List of entries

Shape of an output item

{
  "result": []
}

result has one entry per value you sent: id, filled (true or false) and, when it was not filled, a reason: Field not found, Option not found, Unsupported field type or Form not found. The incoming fields are not passed on.

Dependencies and credentials

None. This node needs no connection and has no slots for other nodes.

Example workflow

1. Tab Control, Operation = Open, opens a contact page with Wait For Load on.
2. Form Fill with Mode = Manual, Form set to the contact form, and Values: name = Jane Doe, email = jane@example.com, topic = support.
3. Submit Form with DOM Selector set to the form’s send button.

Common issues

• A reason of “Field not found”. No field in the form has that id or name. Check the exact spelling with Get Forms Schema; it is case-sensitive.
• A reason of “Option not found”. For a drop-down, the value must match an option’s value, not its visible label. Get Forms Schema lists both.
• The wrong form was filled. When Form matches nothing, the node falls back to the first form on the page. Pick the form again with the crosshair, and check it with Ping.
• A reason of “Unsupported field type”. The id points at something that is not a text field, text area, drop-down, checkbox or radio button (for example a custom widget). Use UI Automation to click and type into it.
• The node fails outside the extension. This node runs in the browser extension; install it or run the workflow from the extension.

Recipes with this node

Fill and submit a web form from saved values 中级 · 8 分钟 无需设置

Related nodes

• Get Forms Schema: find field ids, names and options.
• Submit Form: send the form after filling it.
• UI Automation: clicks, typing and other step-by-step actions.