This article lists some of the best practices for enabling a form template for HTML5 renditions. By following these guidelines, form developers can ensure that the behavior and appearance of Mobile Forms and XFA-based PDF is consistent.
In new forms, add the non-interactive (Draw) elements before the interactive (Fields) elements. Add the elements in Hierarchy (Dom Order) if there is an overlap between them. Similarly, between overlapping Draw Text and other Draw elements (like Rectangle, Circle), put in Text after Rectangle so that it is visible. Avoid any overlap between Draw and Field.
For Repeatable Subforms, mark the initial count as 1 or more. If you require zero initial instances, remove or hide the initial instance in form ready or initialize the script based on data. Also, add a check to ensure that the script not execute on the server end. The script should execute at the client end.
Mobile Forms and PDF forms support different set of features. For the complete list of features, see Feature differentiation between Mobile Forms and PDF Forms.