제출 버튼은 기능적인 PDF 양식 워크플로의 마지막 부분입니다. 사용자가 텍스트 필드를 채우고 드롭다운 옵션을 선택하고 적절한 상자를 선택한 후 제출 버튼을 누르면 모든 양식 데이터가 패키지되어 누군가 작업을 수행할 수 있는 대상으로 전송됩니다. 제출 버튼이 없으면 사용자는 채워진 PDF를 저장하고 첨부 파일로 수동으로 이메일에 보내야 합니다. 제대로 구성된 제출 버튼을 사용하면 양식 데이터가 받은 편지함이나 데이터베이스에 구조화된 텍스트로 도착하여 사용자의 수동 단계 없이 처리할 수 있습니다.
제출 버튼을 추가하려면 PDF 페이지에 버튼 컨트롤을 배치하고 데이터를 올바른 대상으로 보내도록 동작을 구성하는 두 가지 별도 작업이 필요합니다. 작업 구성은 데이터가 이동되는 위치, 사용되는 형식, 제출 후 사용자에게 확인 메시지 표시 여부를 결정합니다. 올바른 작업을 수행하는 것은 클릭 가능한 것처럼 보이는 버튼과 양식 응답을 안정적으로 전달하는 버튼을 구분하는 것입니다.
WukongPDF의 채울 수 있는 PDF 편집기에는 메일 주소 또는 서버 엔드포인트로 구성할 수 있는 제출 버튼 컨트롤이 포함되어 있습니다. 버튼을 구성한 후 양식을 수신자에게 보내기 전에 전체 제출 워크플로를 테스트하여 데이터가 그대로 도착하는지 확인하세요.
PDF 제출 버튼 작동 방식
대부분의 경우 PDF 제출 버튼은 연결된 양식 제출 작업이 있는 버튼 유형의 양식 필드입니다. 사용자가 버튼을 클릭하면 PDF 리더는 모든 양식 필드의 현재 값을 수집하고 이를 선택한 데이터 형식으로 직렬화하여 지정된 대상으로 보냅니다. 대상은 메시지 본문이나 첨부 파일의 양식 데이터가 있는 사용자의 이메일 클라이언트를 여는 mailto: 프로토콜을 사용하는 이메일 주소일 수 있습니다. 또는 서버 측 스크립트가 수신하고 처리하는 POST 요청으로 데이터를 보내는 HTTP 또는 HTTPS를 사용하는 웹 서버 URL일 수도 있습니다.
데이터 형식 옵션에는 1990년대 이후 Adobe 제품에서 사용되는 Forms Data Format인 FDF가 포함됩니다. XFDF는 Adobe 이외의 시스템에서 쉽게 구문 분석할 수 있는 XML 기반 FDF 버전입니다. 필드 데이터를 HTML 문서 본문의 키-값 쌍으로 형식화하는 HTML입니다. 그리고 채워진 전체 PDF 파일을 첨부 파일로 보내는 PDF. 형식 선택은 데이터를 수신하는 시스템에 따라 다릅니다. 이메일 수신자는 일반적으로 PDF나 HTML을 선호합니다. 데이터베이스에 양식 제출을 처리하는 서버 스크립트는 구조화된 구문 분석을 위해 XFDF 또는 FDF를 선호합니다.
방법 1: mailto 구성: 제출 버튼
실제로 mailto 접근 방식은 서버 인프라가 필요하지 않기 때문에 설정이 가장 간단합니다. 제출 버튼을 누르면 사용자의 기본 이메일 응용 프로그램이 열리고 지정된 수신자에게 주소가 지정된 새 메시지가 생성되며 메시지 본문이 채워지거나 채워진 PDF가 첨부됩니다. Adobe Acrobat Pro에서 PDF를 열고 도구, 양식 준비로 이동합니다. 도구 모음에서 버튼 아이콘을 클릭하고 페이지에 버튼을 그립니다. 제출 또는 양식 보내기와 같은 레이블을 입력합니다.
버튼을 선택한 상태에서 속성 대화 상자를 엽니다. 일반 탭에서 버튼에 SubmitButton과 같은 이름을 지정합니다. 옵션 탭에서 레이아웃을 라벨 전용으로 설정하고 버튼 텍스트를 입력하세요. 작업 탭 아래의 트리거 드롭다운에서 마우스 업을 선택한 다음 추가를 클릭합니다. 작업 유형 목록에서 양식 제출을 선택합니다. 제출 양식 선택 대화 상자에서 URL로 mailto:you@example.com을 입력합니다. 수신자가 완전한 PDF를 받을 수 있도록 내보내기 형식으로 PDF를 선택합니다. 확인을 클릭하고 속성을 닫은 후 PDF를 저장합니다.
Adobe Acrobat Reader에서 PDF를 열고 몇 가지 필드를 입력한 후 제출을 클릭하여 제출 버튼을 테스트하세요. 독자는 귀하에게 주소가 지정된 새 메시지와 채워진 PDF가 첨부된 기본 이메일 응용 프로그램을 열어야 합니다. 이메일 클라이언트가 열리지 않으면 운영 체제에 기본 메일 애플리케이션이 구성되어 있는지 확인하십시오. mailto 링크는 시스템 메일 처리기에 의존하며 일부 시스템, 특히 웹 기반 이메일을 사용하는 기업 환경에서는 mailto 처리기가 구성되지 않을 수 있습니다.
방법 2: 웹 서버에 양식 데이터 제출
이메일 기반 제출이 다루기 힘든 대중이나 대규모 팀에 배포된 양식의 경우 서버 스크립트에 대한 HTTP POST 제출은 보다 확장 가능한 데이터 수집 파이프라인을 제공합니다. 설정에는 들어오는 PDF 양식 데이터를 수락하고 처리할 수 있는 서버 엔드포인트가 필요합니다. 끝점 URL은 mailto 주소 대신 양식 제출 작업의 URL 필드로 이동됩니다. 사용자가 제출을 클릭하면 PDF 리더는 본문에 양식 데이터가 포함된 HTTP POST 요청을 보냅니다. 서버 스크립트는 데이터를 구문 분석하고 저장한 후 PDF 리더가 확인 페이지로 표시할 수 있는 응답을 반환합니다.
서버 끝점 설정은 PDF 외부의 웹 개발과 관련되므로 이 작업 흐름에서 더 복잡한 부분입니다. POST 요청을 수락하고, FDF 또는 XFDF 데이터를 구문 분석하고, 필드 값을 CSV 파일이나 데이터베이스에 쓰는 기본 PHP, Python 또는 Node.js 스크립트는 일반적으로 30~50줄의 코드입니다. 구성의 PDF 측면은 URL이 mailto 주소 대신 서버 끝점을 가리키는 점을 제외하면 mailto 설정과 동일합니다. 많은 양식 관리 서비스는 PDF 양식 제출을 허용하는 사전 구축된 엔드포인트를 제공하므로 사용자 정의 서버 코드를 작성하고 호스팅할 필요가 없습니다.
제출 버튼 모양 및 동작 사용자 정의
중앙에 텍스트가 있는 회색 직사각형인 기본 버튼 모양은 작동하지만 대부분의 양식 디자인과 일치하지 않습니다. 모양 탭 아래에 있는 버튼의 속성 대화 상자에서 양식의 시각적 스타일에 맞게 테두리 색상, 채우기 색상, 글꼴 및 글꼴 크기를 설정합니다. 파란색 채우기, 흰색 텍스트, 둥근 모서리가 있는 제출 버튼은 기본 회색 직사각형보다 더 많은 관심을 끌고 더 많은 클릭을 얻습니다. 옵션 탭에서 레이블 텍스트 옆이나 대신 나타나는 버튼에 아이콘을 할당할 수 있습니다.
대부분의 도구에서 버튼의 작업 탭은 다양한 트리거에 대한 여러 작업을 지원합니다. 마우스 업 제출 작업 외에도 마우스 오버를 나타내기 위해 버튼 색상을 변경하는 마우스 입력 작업과 원래 색상을 복원하는 마우스 종료 작업을 추가할 수 있습니다. 이러한 시각적 피드백 신호는 양식의 반응성을 높이고 전문적인 느낌을 줍니다. 대화형 효과를 미묘하게 유지하세요. 마우스를 올리면 약간 더 어두운 색상으로 바뀌는 버튼이 도움이 됩니다. 애니메이션을 적용하거나 극적으로 변화하는 버튼은 주의를 산만하게 합니다.
보안 및 개인정보 보호 고려사항
mailto 링크를 통해 제출된 양식 데이터는 사용자의 이메일 클라이언트와 발신자와 수신자 모두의 이메일 인프라를 통과합니다. 두 이메일 서버 모두 TLS를 시행하지 않는 한 전송 중에 데이터는 암호화되지 않습니다. 개인 식별 번호, 건강 데이터 또는 금융 세부정보와 같은 민감한 정보를 수집하는 양식의 경우 mailto 제출은 적절한 보안을 제공하지 않습니다. HTTPS를 사용하여 서버 엔드포인트에 대한 HTTP POST는 PDF 리더와 서버 사이에 전송되는 데이터를 암호화합니다. 이는 개인 데이터를 수집하는 모든 양식에 허용되는 최소 보안 수준입니다.
문서를 디자인할 때 수신자가 사용하는 PDF 리더도 제출 동작에 영향을 미칩니다. Adobe Acrobat Reader는 mailto 및 HTTP POST를 포함한 모든 제출 작업을 지원합니다. Chrome, Edge 및 Firefox에 내장된 브라우저 기반 PDF 뷰어는 PDF 양식 제출 작업을 제한하거나 지원하지 않습니다. Acrobat Reader에서 완벽하게 작동하는 제출 버튼은 브라우저 탭에서 동일한 PDF를 열 때 아무 작업도 수행하지 않을 수 있습니다. PDF 리더를 제어할 수 없는 외부 수신자에게 배포된 양식의 경우 제출 버튼 근처에 버튼이 브라우저에서 작동하지 않는 경우 Adobe Acrobat Reader에서 파일을 열도록 사용자에게 지시하는 메모를 포함합니다.
| 제출 방법 | 작동 방식 | 에 가장 적합 |
|---|---|---|
| mailto: URL 액션 | 양식 데이터가 포함된 제목과 본문이 미리 채워진 사용자의 기본 이메일 클라이언트를 엽니다. | 내부 양식, 소규모 팀, 단순 데이터 |
| 서버 스크립트에 대한 HTTP POST | 처리를 위해 양식 데이터를 FDF 또는 XFDF로 웹 서버 엔드포인트로 보냅니다. | 공개 양식, CRM 통합, 자동화 |
| JavaScript + 이메일 API 서비스 | 사용자 정의 JS 버튼은 PDF 리더에서 직접 타사 이메일 API를 호출합니다. | mailto 신뢰성이 부족한 양식 |
적절하게 구성된 제출 버튼은 독립형 양식의 작성 가능한 PDF를 데이터 수집 끝점으로 전환합니다. mailto 메소드는 서버 설정 없이 내부 팀 양식을 처리합니다. HTTP POST 방법은 공개 배포 및 자동화된 데이터 처리로 확장됩니다. 사용자가 제출한 모든 양식 응답이 자동으로 손실되는 구성 오류를 배포가 포착하기 전에 제출 워크플로를 처음부터 끝까지 테스트합니다. 안정적으로 작동하는 제출 버튼은 양식 작성자와 양식 소유자 사이의 마지막 마찰 지점을 제거하여 채울 수 있는 전체 PDF 작업 흐름의 루프를 닫습니다.
제출 버튼 실패 문제 해결
제출 버튼을 클릭해도 아무 작업도 수행되지 않는 경우 가장 일반적인 원인은 PDF 리더가 해당 작업 유형을 지원하지 않기 때문입니다. 브라우저 기반 PDF 뷰어는 일반적으로 mailto 또는 HTTP POST 제출 작업을 지원하지 않습니다. 해결 방법은 사용자에게 Adobe Acrobat Reader에서 파일을 구체적으로 열도록 지시하는 것입니다. 또 다른 일반적인 원인은 mailto URL의 형식이 잘못되었기 때문입니다. 올바른 형식은 URL이 올바르게 인코딩되지 않은 한 공백이나 추가 매개변수가 없는 mailto:address@example.com입니다.
버튼은 작동하지만 이메일이 데이터 없이 도착하는 경우 내보내기 형식이 FDF 또는 XFDF로 설정되어 있고 수신자의 이메일 클라이언트가 해당 형식을 표시하는 방법을 모르기 때문일 수 있습니다. 양식 제출 작업 설정에서 내보내기 형식을 PDF로 변경합니다. 채워진 PDF는 이메일 첨부 파일로 도착하며, 수신자는 PDF를 직접 열어 입력된 모든 데이터를 볼 수 있습니다. 수신자가 이메일 본문의 데이터를 한눈에 확인해야 하는 양식의 경우 HTML을 내보내기 형식으로 선택하세요. 필드 값은 이메일 메시지 본문에 레이블이 지정된 텍스트로 표시되지만 형식은 단순하고 원래 양식의 시각적 레이아웃을 유지하지 않습니다.