Skip to content

HTML

The HTML element inserts custom HTML content into the form, edited via the built-in Jodit rich text editor. This element does not accept user input; it only displays content.

Basic

Basic settings define the element's core properties.

Label

The label text shown above or beside the field (depending on the Label position setting). It also:

  • Helps identify the field in the admin interface
  • Appears as a heading in the form preview panel on the right

Unique Name

The internal identifier for this element. The name is auto-generated by default, but you can edit it manually. Naming rules:

  • Lowercase letters, numbers, and underscores only
  • Must start with a letter

HTML content

Use the built-in Jodit rich text editor to author the HTML content. The editor provides full rich text features:

Text formatting

FeatureDescription
BoldBold text
ItalicItalic text
UnderlineUnderlined text
StrikethroughStruck-through text
Clear FormattingRemoves all formatting from the selected text

Paragraphs and lists

FeatureDescription
Unordered ListInsert a bulleted list
Ordered ListInsert a numbered list
ParagraphSet block formats such as paragraphs and headings
Line heightAdjust text line spacing

Insert content

FeatureDescription
Horizontal LineInsert a horizontal divider
TableInsert a table
LinkInsert a hyperlink

Typography and styles

FeatureDescription
SuperscriptSuperscript text
SubscriptSubscript text
AlignLeft, center, right alignment, etc.
BrushSet text color and background color

Source editing

FeatureDescription
SourceSwitch to HTML source mode to edit the code directly

Source mode

Click Source in the top-right corner of the editor to switch to HTML source mode, where you can write and modify HTML directly. This is useful when you need precise control of the HTML structure or want to insert custom code (such as embedded videos or special styles).

Non-interactive element

The HTML element produces no submission data; it only displays content in the form. It is commonly used for explanatory text, divider lines, headings, images, or custom HTML code.

Styles

Label position

Controls where the label appears. Available options:

  • Inherit: Uses the global configuration in Form style settings
  • Vertical: Label above the content
  • Horizontal: Label to the left of the content
  • Hidden: Label hidden

Logic

Enable conditional logic

When enabled, configure rules to show or hide this element based on the user's input in other fields.

Rule match mode

After enabling conditional logic, first choose the match mode:

  • Match any condition (any): The element shows/hides when any single rule is satisfied
  • Match all conditions (all): The element shows/hides only when all rules are satisfied

Configure rules

Each rule has three parts:

PartDescription
FieldPick a target field from the dropdown (shows the field's Label)
OperatorThe comparison condition
ValueThe target value to compare against

Supported operators

OperatorDescription
isTriggers when the field value equals the specified value
is notTriggers when the field value does not equal the specified value
is emptyTriggers when the field value is empty
is not emptyTriggers when the field value is not empty

Add and manage rules

  • Click Add logic rule to add a new rule
  • Click the 🗑 button on the right of a rule to delete it
  • Click the button to add more match conditions

Example

For example, show a piece of VIP-only explanatory content only when the user selects "VIP" in "Member type":

  • Match mode: Match any condition
  • Field: Member type
  • Operator: is
  • Value: VIP

Data

Show in email

Controls whether this field's HTML content appears in the email notifications (enabled by default). When disabled, the field's content is excluded from the submission email.

Advanced

Unique ID

The element's unique ID, auto-generated by the system. Read-only.

No validators or filters

The HTML element does not accept user input, so it has no validators or filters.

Next steps

Built with VitePress