Entwerfen von Formularvorlagen für HTML5-Formulare designing-form-templates-for-html-forms
Die HTML5-Formularkomponente in AEM ermöglicht das Rendern von XFA-Formularvorlagen im HTML5-Format. Formularentwickler können Formularvorlagen mit Forms Designer entwerfen und die HTML5-Renderfunktion nutzen. Diese Formularvorlagen können sich zusammen mit ihren Assets im AEM Repository-Dateisystem befinden oder über HTTP bereitgestellt werden. Wenn Sie beabsichtigen, Ihre Formulare mithilfe von Forms Manager zu verwalten, müssen sich die Vorlagen und Assets im AEM-Repository befinden.
Obwohl das Verhalten von HTML5-Formularen und PDF-Formularen sich stark ähnelt, gibt es mehrere Funktionen in beiden Formaten, die nicht im anderen Format verfügbar sind. Beispielsweise ist die Anwendung von Barcodes auf einem PDF-Formular in Adobe Reader und auf einem Formular für Mobilgeräte unterschiedlich, ebenso wie es bei digitalen Signaturen Unterschiede gibt. Weitere Informationen zu diesen Unterschieden finden Sie unter Funktionsunterschiede zwischen HTML5- und PDF-Formularen.
Allgemeine XFA-Funktionen finden Sie in den folgenden empfohlenen Verfahrensweisen und Richtlinien zum Entwerfen eines Formulars, das in beiden Formaten funktioniert.
Best Practices best-practices
Die meisten Schritte um die Entwicklung einer Formularvorlage, wie Schemabindungen oder das Schreiben von Formularlogik, sind identisch. Aufgrund der inhärenten Unterschiede zwischen der Render- und Scripting-Engine eines Thick Client wie Adobe Reader und browserbasierten Formularen gibt jedoch es einige Empfehlungen, die im Artikel Empfohlene Vorgehensweisen beschrieben werden. Diese empfohlenen Vorgehensweisen helfen Ihnen, Formularvorlagen zu entwickeln, die in beiden Formaten wie erwartet funktionieren.
Funktionen in AEM Forms Designer für HTML5-Formulare capabilities-in-aem-forms-designer-for-html-forms
Anzeigen als HTML-Vorschau preview-html
Die HTML-Vorschau-Registerkarte wurde im Design-Modus für Entwicklerinnen und Entwickler von Formularen hinzugefügt, um eine Vorschau von Formularen im HTML5-Format während des Entwurfsprozesses zu ermöglichen. Weitere Informationen dazu, wie Sie diese Funktion in AEM Forms Designer aktivieren und konfigurieren, finden Sie unter HTML-Vorschau.
Scribble-Signatur scribble-signature
Das Hauptziel für HTML5-Formulare sind Touch-Geräte. Daher wurde ein neues Freihandsignatur-Steuerelement in AEM Forms Designer hinzugefügt. Sie können das Scribble-Signatur-Steuerelement anklicken oder per Drag-und-Drop auf Ihre Formularvorlage ziehen und konfigurieren. Es wird in der HTML5-Darstellung als Scribble-Feld gerendert und kann für Scribble-Signaturen auf Touch-Geräten verwendet werden. Auf Desktop-Rechnern kann es per Maussteuerung als Scribble-Feld verwendet werden. Weitere Informationen dazu, wie Sie diese Funktion nutzen, finden Sie unter XFA-Scribble-Feld.
Rich-Text-Format rich-text-format
Sie können ein Textfeld in ein Rich-Text-Feld konvertieren. Hierdurch wird dem Textfeld eine Liste von Formatierungsoptionen hinzugefügt. Um es zu konvertieren, öffnen Sie Forms Designer und wählen Sie das Textfeld in der Design-Ansicht aus. Wählen Sie auf der Registerkarte Feld in der Dropdown-Liste Feldformat die Option Rich-Text. Wenn das XFA-Formular jetzt als HTML5-Formular gerendert wird, wird das Feld als Rich-Text-Feld gerendert. Wählen Sie
