Entwerfen von Formularvorlagen für HTML5-Formulare

Die HTML5-Formularkomponente in AEM ermöglicht, XFA-Formularvorlagen im HTML5-Format zu rendern. 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 Ihre Formulare jedoch mit Forms Manager verwalten möchten, sollten 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. So unterscheidet sich beispielsweise die Art und Weise, wie Barcodes auf ein PDF-Formular in Adobe Reader angewendet werden, von einem Mobile-Formular oder wie ein Formular digital signiert wird, je nach Format. Weitere Informationen zu diesen Varianten finden Sie unter Funktionsunterschiede zwischen HTML5-Formularen und PDF forms.

Allgemeine XFA-Funktionen finden Sie in den folgenden empfohlenen Verfahrensweisen und Richtlinien zum Entwerfen eines Formulars, das in beiden Formaten funktioniert.

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 Best Practices helfen Ihnen, Formularvorlagen so zu entwerfen, dass sie in beiden Formaten wie erwartet funktionieren.

Funktionen in AEM Forms Designer für HTML5 Forms

HTML-Vorschau

Die HTML-Vorschau-Registerkarte wurde im Designmodus für Formularentwickler 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

Das Hauptziel für HTML5-Formulare sind Touch-Geräte. Daher wurde ein neues Scribble-Signatur-Steuerelement in AEM Forms Designer hinzugefügt. Sie können auf das Scribble-Signatur-Steuerelement klicken oder es in Ihre Formularvorlage ziehen und es 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 zur Verwendung dieser Funktion finden Sie unter XFA-Scribble-Feld.

4

Rich-Text-Format

Sie können ein Textfeld in ein Rich-Text-Feld konvertieren. Es wird eine Liste von Formatierungsoptionen zum Textfeld hinzugefügt. Um eine Konvertierung vorzunehmen, öffnen Sie den Forms Designer und tippen Sie auf das Textfeld in Design-Ansicht. Wählen Sie auf der Registerkarte Feld Rich Text aus der Dropdown-Liste Feldformat. Wenn das XFA-Formular jetzt als HTML5-Formular wiedergegeben wird, wird das Feld als Rich-Text-Feld gerendert. Tippen Sie auf Maximieren, um weitere Formatierungsoptionen Ansicht.

Auf dieser Seite