Show Menu
THEMEN×

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 jedoch planen, Ihre Formulare mit Forms Manager zu verwalten, 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. Beispielsweise unterscheidet sich die Art und Weise, wie Barcodes auf ein PDF-Formular in Adobe Reader angewendet werden, von einem Mobile-Formular oder die Art der digitalen Unterzeichnung eines Formulars je nach Format. For more information on such variations, see Feature differentiation between HTML5 forms and 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.

Capabilities in AEM Forms Designer for 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. For more information on how to use this feature, see XFA Scribble Field .

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 in der Design-Ansicht auf das Textfeld. Wählen Sie auf der Registerkarte " Feld "in der Dropdown-Liste " Feldformat"die Option " Rich Text ​"aus. Wenn das XFA-Formular jetzt als HTML5-Formular wiedergegeben wird, wird das Feld als Rich-Text-Feld gerendert. Tippen Sie auf , um weitere Formatierungsoptionen Ansicht.