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
| Feature | Description |
|---|---|
| Bold | Bold text |
| Italic | Italic text |
| Underline | Underlined text |
| Strikethrough | Struck-through text |
| Clear Formatting | Removes all formatting from the selected text |
Paragraphs and lists
| Feature | Description |
|---|---|
| Unordered List | Insert a bulleted list |
| Ordered List | Insert a numbered list |
| Paragraph | Set block formats such as paragraphs and headings |
| Line height | Adjust text line spacing |
Insert content
| Feature | Description |
|---|---|
| Horizontal Line | Insert a horizontal divider |
| Table | Insert a table |
| Link | Insert a hyperlink |
Typography and styles
| Feature | Description |
|---|---|
| Superscript | Superscript text |
| Subscript | Subscript text |
| Align | Left, center, right alignment, etc. |
| Brush | Set text color and background color |
Source editing
| Feature | Description |
|---|---|
| Source | Switch 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:
| Part | Description |
|---|---|
| Field | Pick a target field from the dropdown (shows the field's Label) |
| Operator | The comparison condition |
| Value | The target value to compare against |
Supported operators
| Operator | Description |
|---|---|
| is | Triggers when the field value equals the specified value |
| is not | Triggers when the field value does not equal the specified value |
| is empty | Triggers when the field value is empty |
| is not empty | Triggers 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
- Hidden — Hidden field
- Form settings — Configure form styles and notifications