콘텐츠로 건너뛰기
주의:: 이 문서는 사용자의 편의를 위해 제공됩니다. 이 문서는 번역 소프트웨어를 사용하여 자동으로 번역되었으며 교정을 거치지 않았을 수 있습니다. 이 문서의 영어 버전이 가장 최신의 정보를 확인할 수 있는 공식 버전으로 간주해야 합니다. 여기에서 액세스할 수 있습니다..

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 개발자 도구(DevTools)의 ‘요소’ 탭에서 양식 입력란에 대한 강조 표시된 코드를 찾습니다.
  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으로 도움을 받는 방법 알아보기.