メインコンテンツにスキップ

お客さまへの大切なお知らせ：膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。

CSS セレクターを使用してHubSpot以外のフォームを識別する

更新日時 2025年10月8日

以下の製品でご利用いただけます（別途記載されている場合を除きます）。

すべての製品とプラン

HubSpot以外のフォームには、デフォルトでそのCSSセレクターにちなんで名前が付けられます。外部フォームに対応するHubSpot以外のフォームを識別するには、外部フォームの CSS セレクターを確認します。

Chrome ブラウザーで、外部フォームが含まれるページに移動します。
外部フォームの最初の フィールド を右クリックし、[ 検査]を選択します。

[Chrome開発者ツールを使用してページを検査する]オプションを表示している外部フォームのスクリーンショット。

Chrome DevTools の [要素] パネルがブラウザーで開きます。[ 要素 ]タブで、フォームフィールドのコードを強調表示します。
強調表示されたコードの上にある <form> タグを確認します。タグにはID属性またはclass属性を含める必要があります。
- ID属性:先頭に「#」記号を付けます。たとえば、 <form> タグに「id='form-id'」が含まれている場合、対応するHubSpot以外のフォームのデフォルト名には「#form-id」を含める必要があります。
- クラス属性:前に「.」記号を付けます。たとえば、 <form> タグに「class='form-class'」が含まれている場合、対応するHubSpot以外のフォームのデフォルト名には「.form-class」を含める必要があります。

Chrome開発者ツールのスクリーンショット。[要素]タブが表示され、 <form> タグとコードが強調表示されています。

この記事はお役に立ちましたか？

こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。