Erstellen von HTML5-Formularen

HTML5-Formulare sind eine neue Funktion in Adobe Experience Manager, mit der Angebot XFA-Formularvorlagen(xdp) im HTML5-Format wiedergeben können. Diese Funktion ermöglicht das Anzeigen von Formularen auf mobilen Geräten und Desktop-Browsern, auf denen XFA-basierte PDF nicht unterstützt werden. „HTML5-Formulare“ Forms unterstützt nicht nur vorhandene Funktionen XFA-basierter Formularvorlagen, sondern bietet auch neue Funktionen für mobile Geräte wie die Scribble-Signatur.

Voraussetzung

Vergewissern Sie sich bitte, dass Sie eine funktionierende Instanz von AEM Forms haben. Folgen Sie dem Installationshandbuch, um AEM Forms zu installieren und zu konfigurieren.

Erstellen des ersten HTML5-Formulars

1. Laden Sie den Inhalt der ZIP-Datei herunter und extrahieren Sie ihn. Die ZIP-Datei enthält xdp und die Datendatei
2. Navigieren Sie zu Forms und Dokumenten
3. Klicken Sie auf Erstellen -> Datei-Upload
4. Wählen Sie die in Schritt 2 heruntergeladene xdp-Vorlage aus.

Vorschau als HTML

Die xdp-Datei kann im HTML5- oder PDF-Format in der Vorschau angezeigt werden. Gehen Sie wie folgt vor, um die xdp-Datei im HTML5-Format Vorschau

• Tippen Sie auf die neu hochgeladene xdp und klicken Sie auf Vorschau -> Vorschau als HTML. Sie sollten den xdp sehen, der als HTML5 gerendert wird

Vorschau mit Daten

Gehen Sie wie folgt vor, um die xdp-Datei im HTML5-Format mit der Datendatei Vorschau:

• Tippen Sie auf die neu hochgeladene xdp und klicken Sie auf Vorschau -> Vorschau mit Daten. Suchen Sie die Datendatei und wählen Sie sie aus und klicken Sie auf Vorschau.
• Sie sollten eine Vorlage sehen, die im HTML5-Format wiedergegeben wird und mit den Daten vorausgefüllt ist

Erweiterte Eigenschaften der xdp-Vorlage

Mit den erweiterten Eigenschaften der xdp-Vorlage können Sie Veröffentlichungsdatum, Übermittlungs-Handler, Rendering-Profil für Ihr Formular, Vorfülldienst usw. angeben. Um die erweiterten Eigenschaften der Vorlage Ansicht, tippen Sie auf den xdp und klicken Sie auf Eigenschaften -> Erweitert. Hier finden Sie eine Reihe von Immobilien. Einige dieser Eigenschaften werden hier behandelt.

Sende-URL : Diese URL verarbeitet die Übermittlung des HTML5-Formulars. Wir werden dies in der nächsten Lektion behandeln. Wenn hier keine Sende-URL angegeben ist, wird der standardmäßige Sende-Handler aufgerufen, der die Formulardaten an den Browser zurückgibt.

HTML-Render-Profil - HTML5-Formulare haben die Vorstellung von Profilen, die als REST-Endpunkte bereitgestellt werden, um die mobile Wiedergabe von Formularvorlagen zu aktivieren. Die Mehrzahl der Profile, bei denen das Standard-Rendering ausreicht, um das Formular wiederzugeben. Wenn das standardmäßige Render-Profil Ihren Anforderungen nicht entspricht, kann ein benutzerdefiniertes Profil erstellt und mit dem Formular verknüpft werden.

Dienst zum Vorausfüllen: Der Dienst zum Vorausfüllen wird in der Regel verwendet, um Ihr Formular mit Daten zu füllen, die von einer Back-End-Datenquelle abgerufen werden.