텍스트 필드와 확인란만 있는 채울 수 있는 PDF 양식은 기능적이지만 정적입니다. 대화형 버튼을 추가하면 플랫 양식이 사용자에게 섹션을 안내하고, 자동으로 계산을 수행하고, 사용자가 파일을 수동으로 저장하고 이메일로 보낼 필요 없이 클릭 한 번으로 완성된 데이터를 제출하는 탐색 가능한 반응형 문서로 변환됩니다. 버튼은 모든 양식 필드를 기본값으로 재설정하고, 완성된 문서를 인쇄하고, 여러 페이지로 구성된 양식의 섹션 간에 사용자를 탐색하고, 사용자 정의 계산을 트리거하고, 양식 데이터를 웹 서버 또는 이메일 주소로 보낼 수 있습니다. 기본 편집기는 양식 작성을 텍스트 필드와 확인란으로만 제한하는 경우가 많기 때문에 이를 추가하는 과정에는 전체 Acrobat 양식 사양을 지원하는 PDF 편집기가 필요합니다.
버튼 생성에 적합한 PDF 편집기 선택
모든 PDF 편집기가 PDF 사양에 정의된 전체 버튼 동작 세트를 지원하는 것은 아닙니다. Adobe Acrobat Pro는 필드 유효성 검사 및 조건부 가시성과 같은 고급 동작을 위한 JavaScript 트리거를 포함하여 가장 포괄적인 버튼 도구 세트를 제공합니다. 브라우저 기반 PDF 편집기는 이 영역에서 크게 향상되었으며 현재 일부는 표준 텍스트 및 확인란 필드와 함께 양식 작성 도구 키트의 일부로 버튼 삽입을 제공합니다. 도구를 선택할 때 텍스트 필드와 확인란뿐만 아니라 버튼 필드 유형을 구체적으로 지원하는지 확인하세요. 텍스트 입력 필드와 기본 주석 도구만 제공하는 양식 도구는 기능적인 대화형 버튼을 만들 수 없습니다.
소프트웨어 설치가 필요하지 않은 브라우저 기반 대안의 경우 WukongPDF와 같은 플랫폼에는 페이지 탐색, 양식 제출 및 필드 재설정과 같은 가장 일반적인 버튼 작업을 처리하는 양식 필드 도구가 포함되어 있습니다. 브라우저 기반 도구의 장점은 설치나 라이선스 오버헤드 없이 여러 장치에서 즉시 액세스할 수 있다는 것입니다. 이러한 고급 스크립트에는 전체 Acrobat JavaScript API가 필요하므로 여러 필드에 걸쳐 사용자 입력을 확인하거나 양식 값을 기반으로 조건부 논리를 수행하는 복잡한 JavaScript 기반 버튼에는 데스크탑 응용 프로그램이 여전히 선호됩니다.
페이지 사이에 탐색 버튼 추가
탐색 버튼은 다중 페이지 양식을 위한 대화형 PDF 버튼 중 가장 실용적이고 널리 지원되는 유형입니다. 다음 페이지로 이동 버튼과 이전 페이지로 이동 버튼을 사용하면 사용자가 긴 양식을 수동으로 스크롤하거나 스와이프할 필요가 없습니다. 이는 PDF 뷰어 인터페이스가 이미 상당한 화면 공간을 차지하는 모바일 장치에 특히 유용합니다. 탐색 버튼을 추가하려면 양식 편집기를 열고 양식 필드 도구 모음에서 버튼 도구를 선택한 다음 페이지에 버튼이 표시될 위치에 직사각형을 그립니다. 버튼 속성 대화 상자에서 작업 탭을 찾아 마우스 위로 설정된 새 작업 트리거를 추가하고 편집기에서 지원하는 항목에 따라 메뉴 항목 실행 또는 JavaScript 실행을 선택합니다. 다음 페이지 버튼의 경우 가장 간단한 JavaScript 작업은 현재 페이지 번호를 증가시키는 단일 문 this.pageNum++입니다.
명확하고 행동 중심적인 텍스트로 버튼에 라벨을 붙입니다. 다음 페이지와 같은 라벨이나 보편적으로 인식되는 오른쪽 화살표 아이콘은 사용자가 클릭하면 어떤 일이 일어날지 즉각적이고 명확하게 예상할 수 있게 해줍니다. 속성 대화 상자의 옵션 탭에서 버튼 모양을 설정하세요. 페이지 콘텐츠와 눈에 띄게 대비되는 배경색을 선택하고, 뚜렷한 테두리를 추가하여 클릭 가능한 영역을 정의하고, 휴대폰 화면에서 편안하게 읽고 탭할 수 있을 만큼 글꼴 크기를 크게 설정하세요. 편안한 터치 대상을 제공하려면 표준 Letter 크기 페이지에서 버튼의 너비가 최소 100픽셀, 높이가 40픽셀 이상이어야 합니다.
양식 데이터에 대한 제출 버튼 만들기
제출 버튼은 채워진 양식 데이터를 구성된 대상으로 전송하여 사용자가 양식을 작성하는 것과 데이터가 필요한 곳에 도착하는 사이의 루프를 닫습니다. 버튼 속성 작업 탭의 작업 유형 드롭다운에서 양식 제출을 선택합니다. 그런 다음 제출 URL을 구성합니다. 완성된 양식을 이메일로 전달하려면 URL로 mailto:address@example.com을 입력하세요. 사용자의 기본 이메일 클라이언트가 첨부된 양식 데이터와 함께 열립니다. 서버 측 처리의 경우 백엔드 구성에 따라 양식 데이터 페이로드를 수신하고 구문 분석할 전체 HTTPS 엔드포인트 URL을 입력하십시오.
내보내기 형식 설정에 따라 제출된 데이터의 구조와 수신자가 데이터와 상호 작용하는 방식이 결정됩니다. FDF(양식 데이터 형식)는 필드 이름과 현재 값만 전송하여 수신자가 원래의 빈 양식 서식 파일로 다시 가져와서 채워진 데이터를 상황에 맞게 볼 수 있는 압축 페이로드를 생성합니다. XFDF는 동일한 개념의 XML 기반 버전으로, 자동화된 시스템에서 구문 분석하기가 더 쉽습니다. HTML은 특별한 도구 없이 모든 브라우저에서 읽을 수 있는 간단한 이름-값 쌍으로 데이터를 내보냅니다. PDF는 모든 필드가 채워진 문서의 전체 사본을 내보냅니다. 수신자가 제출물을 처리하는 방법에 따라 형식을 선택합니다. 데이터베이스 또는 CRM 시스템으로의 자동 수집의 경우 일반적으로 HTML 또는 XFDF가 프로그래밍 방식으로 구문 분석하는 것이 가장 쉽습니다. 채워진 양식을 확인해야 하는 수신자에게는 전체 PDF를 보내는 것이 가장 실용적이고 독립적인 옵션입니다.
모든 필드를 지우는 재설정 버튼 만들기
재설정 버튼은 단일 작업으로 모든 양식 필드를 기본 또는 빈 상태로 다시 지우므로 사용자는 각 개별 필드에서 텍스트를 수동으로 선택하거나 삭제하지 않고도 완전히 다시 시작할 수 있습니다. 작업 탭 버튼의 작업 유형 목록에서 양식 재설정을 선택합니다. 문서의 모든 양식 필드를 나열하는 대화 상자가 나타납니다. 버튼을 클릭할 때 재설정되어야 하는 필드 옆의 확인란을 선택합니다. 일반적으로 사용자가 채울 수 있는 필드를 모두 선택하지만 특정 필드가 재설정을 통해 유지되어야 하는 적법한 경우도 있습니다. 사용자가 개인 항목을 재설정할 때 날짜 스탬프 필드, 미리 채워진 회사 이름 또는 문서 참조 번호가 지워져서는 안 됩니다.
재설정 버튼은 실수로 클릭하는 것을 방지하기 위해 제출 버튼과 시각적으로 구별되어야 합니다. 재설정에는 테두리가 얇은 밝은 회색 또는 흰색과 같이 강조가 덜한 중성 색상을 사용하고, 제출에는 파란색이나 녹색과 같은 굵은 고대비 색상을 남겨두세요. 기본 전진 작업은 오른쪽에 표시되고 보조 또는 파괴 작업은 왼쪽에 표시된다는 설정된 웹 및 애플리케이션 규칙에 따라 제출 왼쪽에 재설정 버튼을 배치합니다. 이 공간 레이아웃은 사용자가 10분 동안 세부 양식을 작성한 후 제출을 클릭하려고 했을 때 재설정을 클릭할 가능성을 크게 줄여줍니다.
다양한 PDF 뷰어에서 버튼 테스트
Adobe Acrobat에서 완벽하게 작동하는 버튼은 브라우저 기반 PDF 뷰어, 모바일 PDF 앱 또는 Mac의 미리 보기 응용 프로그램에서는 전혀 작동하지 않을 수 있습니다. 모든 뷰어는 PDF 대화형 사양을 다르게 구현하며 일부 뷰어는 보안 또는 호환성 이유로 특정 작업 유형을 완전히 무시합니다. 버튼이 포함된 대화형 PDF 양식을 구축한 후 최소한 세 가지 환경, 즉 데스크톱 컴퓨터의 Adobe Acrobat Reader, Chrome 또는 Edge의 기본 브라우저 PDF 뷰어, Apple Books나 iOS 또는 Android용 Adobe Acrobat Reader와 같은 모바일 PDF 앱에서 모든 버튼을 테스트하세요.
아래 표에는 일반적인 PDF 보기 환경에서 지원되는 버튼 작업이 요약되어 있습니다.
| 버튼 동작 | Acrobat Desktop | 크롬/에지 | 모바일 앱 |
|---|---|---|---|
| 페이지 탐색 | 전폭적인 지원 | 전폭적인 지원 | 부분 |
| 양식 데이터 제출 | 전폭적인 지원 | 부분 | 제한된 |
| 양식 필드 재설정 | 전폭적인 지원 | 전폭적인 지원 | 전폭적인 지원 |
| 문서 인쇄 | 전폭적인 지원 | 부분 | 제한된 |
JavaScript 실행이 필요한 버튼의 경우 대부분의 브라우저 기반 PDF 뷰어는 보안 조치로 JavaScript를 완전히 비활성화합니다. 양식이 필드 유효성 검사 또는 복잡한 계산을 위해 JavaScript 버튼을 사용하는 경우 전체 대화형 기능을 사용하려면 Adobe Acrobat Reader에서 문서를 열도록 사용자에게 지시하는 눈에 보이는 메모를 양식 상단 근처에 포함하세요.
종이 기록 보관을 위한 인쇄 버튼 추가
양식에 직접 포함된 인쇄 버튼은 시스템 인쇄 대화 상자를 트리거하며, 이는 디지털 완성 후 실제 서명이나 종이 사본이 필요한 양식에 유용합니다. 작업 유형은 메뉴 항목 실행이고, 선택할 특정 메뉴 항목은 파일과 인쇄입니다. 이는 JavaScript 코딩이 필요하지 않은 내장형 Acrobat 작업으로, 메뉴 실행 작업 유형을 지원하는 모든 주요 PDF 뷰어와 호환됩니다.
혼동을 피하기 위해 기본 제출 및 재설정 버튼에서 인쇄 버튼을 멀리 배치하십시오. 일반적인 레이아웃에서는 인쇄를 첫 번째 페이지의 머리글 영역이나 상단의 도구 모음 행에 배치하고 제출 및 재설정은 마지막 페이지의 바닥글 영역을 차지합니다. 이러한 물리적 분리는 텍스트 라벨에만 의존하기보다는 공간 디자인을 통해 각 버튼의 고유한 목적을 명확하게 합니다.
양식 버튼에 도구 설명 및 마우스오버 텍스트 추가
도구 설명은 사용자가 버튼 위에 커서를 놓을 때 나타나는 간략한 설명을 제공합니다. 이 작은 추가 기능은 특히 아이콘 전용 레이블이 있는 버튼이나 PDF 대화형 기능에 익숙하지 않은 사용자에게 배포되는 양식의 경우 양식 유용성을 크게 향상시킵니다. 버튼 속성 대화 상자에서 일반 탭을 찾고 도구 설명 필드를 찾으세요. 완성된 양식을 보내려면 클릭하세요 또는 신청서의 다음 섹션으로 이동과 같은 짧고 행동 중심적인 설명을 입력하세요. 대부분의 화면에서 잘림 없이 완전히 표시되도록 도구 설명을 60자 미만으로 유지하세요.
뷰어 전체에 걸쳐 툴팁을 테스트하는 것은 버튼 동작 자체를 테스트하는 것만큼 중요합니다. 터치스크린에는 호버 기능이 없기 때문에 일부 모바일 PDF 뷰어는 호버 상태를 전혀 지원하지 않습니다. 주로 모바일 사용자에게 배포되는 양식의 경우 터치 사용자에게는 전혀 표시되지 않는 도구 설명에 의존하기보다는 버튼 바로 위나 옆에 눈에 보이는 텍스트 레이블을 포함하세요. 눈에 보이는 레이블과 도구 설명을 모두 갖춘 결합된 접근 방식은 데스크탑과 모바일 환경 전반에 걸쳐 최고의 경험을 제공합니다.