請注意：：這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立，可能沒有經過校對。因此，這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。

自訂表單欄位的佈局

上次更新時間： 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 的協助。