Entwerfen von Formularvorlagen für HTML5-Formulare designing-form-templates-for-html-forms

Die HTML5 forms-Komponente in AEM kann XFA-Formularvorlagen im HTML5-Format wiedergeben. Formularentwickler können Formularvorlagen mit Forms Designer entwerfen und die HTML5-Renderfunktion nutzen. Diese Formularvorlagen können sich zusammen mit ihren Assets in AEM Repository oder Dateisystem befinden oder über HTTP verfügbar gemacht 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 Best Practices und Richtlinien zum Entwerfen eines Formulars, das in beiden Formaten funktioniert.

Best Practices best-practices

Die meisten Schritte zum Entwerfen einer Formularvorlage, wie Schemabindungen oder 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

Vorschau von HTML preview-html

Die Registerkarte Vorschau-HTML wird im Designmodus hinzugefügt, damit Formularentwickler während des Entwurfsprozesses eine Vorschau der Formulare im HTML5-Format anzeigen können. Weitere Informationen zum Aktivieren und Konfigurieren dieser Funktion in AEM Forms Designer finden Sie unter Vorschau von HTML.

Scribble-Signatur scribble-signature

Das Hauptziel für HTML5-Formulare sind Touch-Geräte. Daher wird ein neues Scribble-Signatur-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.

4

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. Öffnen Sie zum Konvertieren den Forms Designer und wählen Sie das Textfeld in Designansicht. 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. Auswählen Maximieren , um weitere Formatierungsoptionen anzuzeigen.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2