Erstellen von HTML5-Formularen
Erstellt für:
- Einsteiger
- Benutzende
„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
- Laden Sie die ZIP-Datei herunter und extrahieren Sie deren Inhalt. Die ZIP-Datei enthält eine XDP- und eine Datendatei.
- Navigieren Sie zu „Formulare und Dokumente“.
- Klicken Sie auf „Erstellen“ > „Datei hochladen“.
- 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.
NOTEVorschau 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.