Introduction to HTML5 forms
CAUTIONHTML5 forms is a new capability in Adobe Experience Manager 6.0 (AEM 6.0) software that offers rendering of XFA form templates 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.
HTML5 forms generates documents based on standard HTML5 constructs. You can view HTML5 forms in all modern browsers that support HTML5. It does not require installing any additional browser plug-ins for the browsers. For more information about supported browsers, see Supported client platforms.
Key capabilities of HTML5 forms
- Renders existing XFA forms in HTML5 supported on all compatible browsers.
- Leverages standard XFA form design capabilities to target forms for mobile devices.
- Uses dynamic XFA capabilities in HTML5 format.
- Uses highly accurate SVG text layout (SVG 1.1) to match with the PDF text layout.
- Provides Support for JavaScript and FormCalc.
- Dynamically assembles fragments into interactive forms based on data-driven events or user input.
- Provides support for custom CSS to match appearance of the forms according to your enterprise standards.
- Enables custom widgets to offer a rich data capture experience.
- Provides support for integration with web apps.
Multichannel publishing
Form developers can use an XFA template to render forms in PDF and HTML5 formats. This capability is beneficial in scenarios where you have a large set of XFA forms that require minimal changes to adapt to HTML5 forms design practices. You can render the existing XFA forms to HTML5 to target various devices where XFA-based PDF is not yet supported.
Manage HTML5 forms
AEM also provides a unified view for listing and managing all form templates using AEM Forms UI. You can activate, deactivate, publish, and preview forms. For more information, see Introduction to managing forms.
Forms customization
HTML5 forms renders form templates using standard HTML5 constructs. This makes it simple to customize and extend forms in HTML5 format using web technologies, primarily CSS, and JavaScript. You can easily customize the appearance of existing widgets, create your own custom widgets, or use custom styles in forms. For more information about creating custom widgets and customizing existing widgets, see Plug in custom widgets with HTML5 forms.
Experience Manager
- AEM 6.4 Forms Guide
- Release Notes
- Getting Started
- Install and configure AEM Forms
- Upgrade AEM Forms
- Manage AEM Forms
- Form Data Model
- Adaptive Forms - Basic Authoring
- Adaptive Forms - Advanced Authoring
- Interactive Communications
- Workflows
- AEM Forms Workspace
- AEM Forms app
- HTML5 Forms
- Letters and Correspondences
- Integrate AEM Forms with Experience Cloud solutions
- Publish and process AEM Forms
- Forms Portal
- Document Services
- Document Security
- Forms Designer
- Customize AEM Forms
- Transaction Reports
- Administrator help for AEM Forms on JEE
- Process Reporting
- Developer Reference
The Perfect Blend: A New Era of Collaboration with AEM and Workfront
Adobe Customer Success Webinars
Wednesday, Apr 2, 5:00 PM UTC
Explore how Adobe Experience Manager and Workfront integrate to help teams move from ideation to delivery without the usual bottlenecks, ensuring content is organized, on-brand, and ready to go live faster.
RegisterAdobe Experience Manager Forms at Summit
Register for these user sessions:
- The Future of Forms: Experience Success Across the Enrollment Journey (attend online)
- Rapid Feature Releases with AEM Cloud: Telegraph Media Group’s RDE Strategy (attend online)
- Driving Marketing Agility and Scale: Transforming your Content Supply Chain with AI (attend online)
- The True Cost of a Failed Implementation (attend online)
- Elevate and Empower Teams with Agentic AI for Exceptional Experiences (attend online)
Connect with Experience League at Summit!
Get front-row access to top sessions, hands-on activities, and networking—wherever you are!
Learn more