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

透過 CSS 選擇器識別非 HubSpot 表單

上次更新時間: 2026年7月28日

可搭配下列任何訂閱使用,除非另有註明:

非 HubSpot 表單會根據其 CSS 選擇器自動命名。識別 CSS 選擇器可協助您將非 HubSpot 表單與外部頁面上的對應表單進行配對。例如,若您的帳戶中列出了多個非 HubSpot 表單,您可以使用 CSS 選擇器來確定哪個外部表單與之連結。

要識別非 HubSpot 表單的 CSS 選擇器:

  1. 在 Chrome 瀏覽器中,導航至包含外部表單的頁面。
  2. 在外部表單的第一个 欄位上按右鍵,然後選擇「檢視」。
An external form, highlighting the option to inspect the form with Chrome developer tools.
  1. 在 Chrome 開發者工具的「元素」分頁中,找到表單欄位的高亮顯示程式碼。
  2. 在標示出的程式碼上方,找到 `<form> ` 標籤。該標籤將包含 ID 或 class 屬性。
    • # ID 屬性:開頭為 # 符號。例如,若<form> 標籤包含id="form-id" ,則對應的非 HubSpot 表單預設名稱應包含#form-id
    • 類別屬性:. 符號開頭。例如,若<form> 標籤包含class="form-class" ,則對應的非 HubSpot 表單預設名稱應包含.form-class

Chrome developer tools, displaying an example CSS selector on an external form.

這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助