HTML5 forms is a new capability in Adobe Experience Manager that offers rendering of XFA form templates(xdp) in HTML5 format. This capability enables the rendering of forms on mobile devices and desktop browsers on which XFA-based PDF is not supported. HTML5 forms not only supports the existing capabilities of XFA form templates but also adds new capabilities, such as scribble signature, for mobile devices.
Please make sure you have a working instance of AEM Forms. Please follow the installation guide to install and configure AEM Forms
The xdp can be previewed in HTML5 format or PDF format. To preview the xdp in HTML5 format, please follow the following steps
When you select Preview as PDF option the rendered PDF will not be displayed in the browser because AEM Forms render dynamic pdf’s which require Acrobat plugin.You will have to download the PDF and open it using Adobe Acrobat/Reader to view
To preview the xdp in HTML5 format with data file please follow the following steps:
The advanced properties of the xdp template allow you to specify publish date, submit handler, render profile for your form, prefill service etc. To view the advanced properties of the template tap on the xdp and click properties -> Advanced. Here you will find a number of properties. Some of these properties are covered here.
Submit URL - This is the URL which will handle your HTML5 form submission. We will cover this in the next lesson. If a submit URL is not specified here the default submit handler is invoked which returns the form data to the browser.
HTML Render Profile - HTML5 forms have the notion of Profiles which are exposed as REST Endpoints to enable Mobile Rendering of Form Templates. Majority of times the default render profile should be sufficient to render the form. If the default render profile does not meet your needs, a custom profile can be created and associated with the form.
Prefill Service - Prefill service is typically used to populate your form with data fetched from a backend data source.