# 커스텀 HTML/JavaScript로 커스텀 필드 자동 채우기 및 제출 시 저장하기
폼이나 설문에서 기존 커스텀 필드를 커스텀 HTML/JavaScript로 자동 채우고, 제출할 때 저장하는 방법은 간단하고 직관적입니다.
## 커스텀 필드 ID 확인하기:
1. 폼의 미리보기 페이지로 이동하세요.
2. 페이지에서 마우스 오른쪽 버튼을 클릭하고 '검사(Inspect)'를 선택하세요.
3. 마우스 포인터 도구를 선택하세요.
4. "커스텀 필드"를 클릭하세요.
5. name과 ID 속성에서 ID를 복사하세요.
## 예시:
`xxTrustedFormCertUrl`라는 이름의 커스텀 필드를 만들었다면, 위의 단계를 따라 해당 ID를 확인하세요.
**참고:** `myData`는 예시일 뿐입니다. 실제 커스텀 HTML/JavaScript 코드에서는 캡처된 데이터가 어디에 있는지 파악하여 `myData`를 실제 데이터로 교체해야 합니다.
```javascript
document.getElementsByName('customFieldId')[0].value = myData;
document.getElementsByName('customFieldId')[0].dispatchEvent(new Event("input"));
```
***
*원문 최종 수정: 2024년 8월 7일* *Hyperclass 사용 가이드 — hyperclass.ai*
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://hyperclass.gitbook.io/hyperclass-docs/and-sites/xml-sitemaps/populate-custom-fields-and-capture-in-submission-using-custom-html-javascript-lo.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.