Skip to content

html, checkbox, radio and hiddenField are not valid field types in the JSON of Next Form Page node #19350

Description

@jabbson

Cross ref to community post:

https://community.n8n.io/t/bug-hiddenfield-not-valid-for-field-type/185058

Describe the problem/error/question

When creating the Next Form Page in n8n, a number of field types (html, checkbox, radio and hiddenField) are not allowed in JSON definition, although mentioned in the docs as acceptable: https://docs.n8n.io/integrations/builtin/core-nodes/n8n-nodes-base.form/#defining-the-form-using-json

Using exactly the JSON from the docs:

[
  {
    "fieldLabel": "Date Field",
    "fieldType": "date",
    "formatDate": "mm/dd/yyyy",
    "requiredField": true
  },
  {
    "fieldLabel": "Dropdown Options",
    "fieldType": "dropdown",
    "fieldOptions": {
      "values": [
        {
          "option": "option 1"
        },
        {
          "option": "option 2"
        }
      ]
    },
    "requiredField": true
  },
  {
    "fieldLabel": "Multiselect",
    "fieldType": "dropdown",
    "fieldOptions": {
      "values": [
        {
          "option": "option 1"
        },
        {
          "option": "option 2"
        }
      ]
    },
    "multiselect": true
  },
  {
    "fieldLabel": "Email",
    "fieldType": "email",
    "placeholder": "me@mail.con"
  },
  {
    "fieldLabel": "File",
    "fieldType": "file",
    "multipleFiles": true,
    "acceptFileTypes": ".jpg, .png"
  },
  {
    "fieldLabel": "Number",
    "fieldType": "number"
  },
  {
    "fieldLabel": "Password",
    "fieldType": "password"
  },
  {
    "fieldLabel": "Text"
  },
  {
    "fieldLabel": "Textarea",
    "fieldType": "textarea"
  },
  {
    "fieldType": "html",
    "elementName": "content",
    "html": "<div>Custom element</div>"
  },
  {
    "fieldLabel": "Checkboxes",
    "fieldType": "checkbox",
    "fieldOptions": {
      "values": [
        {
          "option": "option 1"
        },
        {
          "option": "option 2"
        }
      ]
    }
  },
  {
    "fieldLabel": "Radio",
    "fieldType": "radio",
    "fieldOptions": {
      "values": [
        {
          "option": "option 1"
        },
        {
          "option": "option 2"
        }
      ]
    }
  },
  {
    "fieldLabel": "hidden label",
    "fieldType": "hiddenField",
    "fieldValue": "extra form data"
  }
]

What is the error message (if any)?

While removing one by one:

  • Issues: Field type 'html' in field 9 is not valid for form fields
  • Issues: Field type 'checkbox' in field 9 is not valid for form fields
  • Issues: Field type 'radio' in field 9 is not valid for form fields
  • Issues: Field type 'hiddenField' in field 9 is not valid for form fields
Image

Please share your workflow/screenshots/recording

{
  "nodes": [
    {
      "parameters": {
        "formTitle": "test",
        "options": {}
      },
      "type": "n8n-nodes-base.formTrigger",
      "typeVersion": 2.2,
      "position": [
        32,
        -112
      ],
      "id": "fe50c21e-7029-421e-af3a-dc5edfd1455e",
      "name": "On form submission",
      "webhookId": "d2d7d0a3-426b-4781-b9f3-f44cbf196337"
    },
    {
      "parameters": {
        "defineForm": "json",
        "jsonOutput": "[\n  {\n    \"fieldLabel\": \"Date Field\",\n    \"fieldType\": \"date\",\n    \"formatDate\": \"mm/dd/yyyy\",\n    \"requiredField\": true\n  },\n  {\n    \"fieldLabel\": \"Dropdown Options\",\n    \"fieldType\": \"dropdown\",\n    \"fieldOptions\": {\n      \"values\": [\n        {\n          \"option\": \"option 1\"\n        },\n        {\n          \"option\": \"option 2\"\n        }\n      ]\n    },\n    \"requiredField\": true\n  },\n  {\n    \"fieldLabel\": \"Multiselect\",\n    \"fieldType\": \"dropdown\",\n    \"fieldOptions\": {\n      \"values\": [\n        {\n          \"option\": \"option 1\"\n        },\n        {\n          \"option\": \"option 2\"\n        }\n      ]\n    },\n    \"multiselect\": true\n  },\n  {\n    \"fieldLabel\": \"Email\",\n    \"fieldType\": \"email\",\n    \"placeholder\": \"me@mail.con\"\n  },\n  {\n    \"fieldLabel\": \"File\",\n    \"fieldType\": \"file\",\n    \"multipleFiles\": true,\n    \"acceptFileTypes\": \".jpg, .png\"\n  },\n  {\n    \"fieldLabel\": \"Number\",\n    \"fieldType\": \"number\"\n  },\n  {\n    \"fieldLabel\": \"Password\",\n    \"fieldType\": \"password\"\n  },\n  {\n    \"fieldLabel\": \"Text\"\n  },\n  {\n    \"fieldLabel\": \"Textarea\",\n    \"fieldType\": \"textarea\"\n  },\n  {\n    \"fieldType\": \"html\",\n    \"elementName\": \"content\",\n    \"html\": \"<div>Custom element</div>\"\n  },\n  {\n    \"fieldLabel\": \"Checkboxes\",\n    \"fieldType\": \"checkbox\",\n    \"fieldOptions\": {\n      \"values\": [\n        {\n          \"option\": \"option 1\"\n        },\n        {\n          \"option\": \"option 2\"\n        }\n      ]\n    }\n  },\n  {\n    \"fieldLabel\": \"Radio\",\n    \"fieldType\": \"radio\",\n    \"fieldOptions\": {\n      \"values\": [\n        {\n          \"option\": \"option 1\"\n        },\n        {\n          \"option\": \"option 2\"\n        }\n      ]\n    }\n  },\n  {\n    \"fieldLabel\": \"hidden label\",\n    \"fieldType\": \"hiddenField\",\n    \"fieldValue\": \"extra form data\"\n  }\n]",
        "options": {}
      },
      "type": "n8n-nodes-base.form",
      "typeVersion": 1,
      "position": [
        240,
        -112
      ],
      "id": "5d5bbe12-afb7-444a-ba7b-765cd79b7e2b",
      "name": "Form",
      "webhookId": "7756ea47-f772-4d06-a84d-cda59b348420"
    }
  ],
  "connections": {
    "On form submission": {
      "main": [
        [
          {
            "node": "Form",
            "type": "main",
            "index": 0
          }
        ]
      ]
    }
  },
  "pinData": {},
  "meta": {
    "templateCredsSetupCompleted": true,
    "instanceId": "9423335a0111216c302866f5fc1752af6da6042c706e1cc46ecd439bca874130"
  }
}

Share the output returned by the last node

Won't allow to run the workflow with general error:

Problem running workflow
Please resolve outstanding issues before you activate it
Image

Debug info

core

  • n8nVersion: 1.110.1
  • platform: docker (self-hosted)
  • nodeJsVersion: 22.19.0
  • database: postgres
  • executionMode: regular
  • concurrency: -1
  • license: enterprise (production)

storage

  • success: all
  • error: all
  • progress: false
  • manual: true
  • binaryMode: filesystem

pruning

  • enabled: true
  • maxAge: 336 hours
  • maxCount: 10000 executions

client

  • userAgent: mozilla/5.0 (macintosh; intel mac os x 10_15_7) applewebkit/537.36 (khtml, like gecko) chrome/140.0.0.0 safari/537.36
  • isTouchDevice: false

Generated at: 2025-09-09T02:44:42.410Z

Metadata

Metadata

Assignees

No one assigned

    Labels

    Needs FeedbackWaiting for further input or clarification.in linearDEPRECATEDteam:nodesIssue is with the Nodes team

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions