HTML5 양식 만들기

HTML5 양식은 HTML5 양식으로 XDP(XFA 양식 템플릿)를 렌더링하는 Adobe Experience Manager의 새로운 기능입니다. 이 기능을 사용하면 XFA 기반 PDF가 지원되지 않는 모바일 디바이스 및 데스크탑 브라우저에서 양식을 렌더링할 수 있습니다. HTML5 양식은 XFA 양식 템플릿의 기존 기능을 지원할 뿐만 아니라 모바일 장치에 스크리블 서명과 같은 새로운 기능을 추가합니다.

전제 조건

AEM Forms의 작업 인스턴스가 있는지 확인하십시오. AEM Forms을 설치 및 구성하려면 설치 안내서에 따르십시오

첫 번째 HTML5 양식 만들기

  1. zip 파일의 컨텐츠를 다운로드하고 추출합니다. zip 파일에 xdp 및 데이터 파일이 포함되어 있습니다
  2. Forms 및 문서로 이동합니다
  3. 만들기 -> 파일 업로드를 클릭합니다.
  4. 2단계에서 다운로드한 xdp 템플릿을 선택합니다

HTML로 미리 보기

HTML5 형식 또는 PDF 형식으로 xdp를 미리 볼 수 있습니다. HTML5 형식으로 xdp를 미리 보려면 다음 단계를 따르십시오

  • 새로 업로드한 xdp를 탭하고 미리 보기 -> HTML로 미리 보기​를 클릭합니다. xdp가 HTML5로 렌더링되는 것이 표시됩니다
노트

PDF로 미리 보기 옵션을 선택하면 AEM Forms에서 Acrobat 플러그인이 필요한 동적 pdf를 렌더링하므로 렌더링된 PDF가 브라우저에 표시되지 않습니다.PDF를 다운로드하고 Adobe Acrobat/Reader을 사용하여 열어야 볼 수 있습니다

데이터를 포함한 미리 보기

데이터 파일과 함께 HTML5 형식으로 xdp를 미리 보려면 다음 단계를 수행하십시오.

  • 새로 업로드한 xdp를 탭하고 미리 보기 -> 데이터를 사용하여 미리 보기​를 클릭합니다. 데이터 파일을 찾아 선택하고 미리 보기​를 클릭합니다.
  • 데이터가 미리 채워진 HTML5 형식으로 렌더링된 템플릿이 표시됩니다

xdp 템플릿의 고급 속성 살펴보기

xdp 템플릿의 고급 속성을 사용하여 게시 날짜, 제출 처리기, 양식의 렌더링 프로필, 미리 채우기 서비스 등을 지정할 수 있습니다. 템플릿의 고급 속성을 보려면 xdp를 누르고 속성 -> 고급​을 클릭합니다. 여기에서 많은 속성을 찾을 수 있습니다. 이러한 속성 중 일부는 여기에서 다룹니다.

제출 URL - HTML5 양식 제출을 처리하는 URL입니다. 다음 단원에서 이 내용을 다룹니다. 여기서 제출 URL을 지정하지 않으면 양식 데이터를 브라우저에 반환하는 기본 제출 처리기가 호출됩니다.

HTML 렌더링 프로필 - HTML5 양식에는 양식 템플릿의 모바일 렌더링을 활성화하기 위해 REST 종단점으로 노출되는 프로필의 개념이 있습니다. 대부분의 경우 기본 렌더링 프로필로 양식을 렌더링하기에 충분해야 합니다. 기본 렌더링 프로필이 사용자의 요구 사항을 충족하지 않는 경우 사용자 지정 프로필을 만들어 양식과 연결할 수 있습니다.

미리 채우기 서비스 - 미리 채우기 서비스는 일반적으로 백엔드 데이터 소스에서 가져온 데이터로 양식을 채우는 데 사용됩니다.

이 페이지에서는