请注意：：本文仅为方便您阅读而提供。

自定义表单字段的布局

上次更新时间： 2025年10月10日

可与以下任何订阅一起使用，除非另有说明：

所有产品和计划

了解如何自定义表单的布局和结构。您可以在表单字段之间添加内容，也可以自定义表单字段的顺序。

在表单字段之间添加内容

表单字段和其他表单元素可以放在其他字段的上方、下方或旁边。

在 HubSpot 帐户中，导航到营销 > 表单。
将鼠标悬停在表单上，然后单击 "编辑"，或创建一个新表单。
在左上角，单击add 添加图标。
- 在左侧面板中，单击字段、属性或其他。
- 单击并拖动字段到右侧的表单预览中，将其添加到表单中。

A gif of the form editor, displaying the steps of dragging and dropping a paragraph element between two form fields.

更改表单字段中选项的顺序

如果使用的表单字段有多个选项（如下拉选择属性），则可以对选项重新排序。进一步了解可用的选择选项。

在 HubSpot 帐户中，导航到营销 > 表单。
将鼠标悬停在表单上，然后单击 "编辑"，或创建一个新表单。
在右侧面板中，单击字段以更改其选项顺序。
在左侧面板的字段选项部分，单击字段选项左侧的 dragHandle 虚线，然后单击并拖动选项到所需位置。
要按字母顺序对选项排序，请单击sortAlpAsc Sort。
在右上角，单击 "审核并更新"发布表单更新。

A gif of the form editor, displaying the steps of dragging and dropping form field options to rearrange the dropdown select values on a form.

并排排列表单字段

在表单中最多可以并排放置三个字段。

在 HubSpot 帐户中，导航到营销 > 表单。
将鼠标悬停在表单上，然后单击 "编辑"，或创建一个新表单。
单击并拖动表单字段，查看放置选项。
要将表单字段放在一行中某个字段的旁边，可将其拖动到该行的某个空格中。
在右上角，单击 "审查和更新 "发布表单更新。

A gif of the form editor, displaying the steps of dragging and dropping form fields to arrange them as side-by-side on the form.

这篇文章有帮助吗？

此表单仅供记载反馈。了解如何获取 HubSpot 帮助。