Erstellen von HTML5-Formularen

„HTML5-Formulare“ ist eine neue Funktion in Adobe Experience Manager, die das Rendern von XFA-Formularvorlagen (XDP) im HTML5-Format ermöglicht. Diese Funktion ermöglicht das Rendern von Formularen auf Mobilgeräten und Desktop-Browsern, auf denen XFA-basierte PDF nicht unterstützt werden. „HTML5-Formulare“ unterstützt nicht nur vorhandene Funktionen XFA-basierter Formularvorlagen, sondern bietet auch neue Funktionen für mobile Geräte wie die Scribble-Signatur.

Voraussetzung

Stellen Sie sicher, dass Sie über eine funktionierende AEM Forms-Instanz verfügen. Folgen Sie dem Installationshandbuch, um AEM Forms zu installieren und zu konfigurieren.

Erstellen Ihres ersten HTML5-Formulars

1. Laden Sie die ZIP-Datei herunter und extrahieren Sie deren Inhalt. Die ZIP-Datei enthält eine XDP- und eine Datendatei.
2. Navigieren Sie zu „Formulare und Dokumente“.
3. Klicken Sie auf „Erstellen“ > „Datei hochladen“.
4. Wählen Sie die in Schritt 2 heruntergeladene XDP-Vorlage aus.

Anzeigen als HTML-Vorschau

Die XDP-Datei kann im HTML5- oder PDF-Format in einer Vorschau angezeigt werden. Gehen Sie wie folgt vor, um eine Vorschau der XDP-Datei im HTML5-Format anzuzeigen.

• Klicken Sie auf die neu hochgeladene XDP-Datei und dann auf Vorschau > Vorschau als HTML. Die XDP-Datei sollte als HTML5 gerendert werden.

Vorschau mit Daten

Gehen Sie wie folgt vor, um eine Vorschau der XDP-Datei im HTML5-Format mit einer Datendatei anzuzeigen:

• Klicken Sie auf die neu hochgeladene XDP-Datei und dann auf Vorschau > Vorschau mit Daten. Suchen Sie die Datendatei, wählen Sie sie aus und klicken Sie auf Vorschau.
• Sie sollten eine Vorlage sehen, die im HTML5-Format gerendert und mit den Daten vorausgefüllt ist.

Erkunden erweiterter Eigenschaften der XDP-Vorlage

Die erweiterten Eigenschaften der XDP-Vorlage ermöglichen es Ihnen, das Veröffentlichungsdatum, den Übermittlungs-Handler, das Render-Profil für Ihr Formular, den Vorbefüllungsdienst usw. anzugeben. Um die erweiterten Eigenschaften der Vorlage anzuzeigen, klicken Sie auf die XDP-Datei und dann auf Eigenschaften > Erweitert. Hier finden Sie eine Reihe von Eigenschaften. Einige dieser Eigenschaften werden im Folgenden behandelt.

Sende-URL: Dies ist die URL, über die die Übermittlung Ihres HTML5-Formulars erfolgt. In der nächsten Lektion werden wir näher darauf eingehen. Wenn hier keine Sende-URL angegeben ist, wird der standardmäßige Übermittlungs-Handler aufgerufen, der die Formulardaten an den Browser zurückgibt.

HTML-Render-Profil: HTML5-Formulare umfassen das Konzept der Profile, die als REST-Endpunkte bereitgestellt werden, um Formularvorlagen auf Mobilgeräten rendern zu können. In den meisten Fällen sollte das standardmäßige Render-Profil zum Rendern des Formulars reichen. Wenn das standardmäßige Render-Profil Ihre Anforderungen nicht erfüllt, kann ein benutzerdefiniertes Profil erstellt und mit dem Formular verknüpft werden.

Vorbefüllungsdienst: Der Vorbefüllungsdienst wird normalerweise verwendet, um ein Formular mit Daten aufzufüllen, die aus einer Backend-Datenquelle abgerufen werden.