Formular-Container form-container-adaptive-forms-core-component

Datenerfassung: Formulare können verwendet werden, um Daten von Website-Besuchenden für verschiedene Zwecke zu erfassen, wie z. B. Marktforschung, Benutzerverhaltensanalyse und mehr.

Lead-Generierung: Ein Formular kann verwendet werden, um Informationen potenzieller Kunden und Kundinnen zu sammeln, wie z. B. Name und E-Mail-Adresse, um Leads für Verkaufs- und Marketing-Maßnahmen zu generieren.

E-Commerce: Formulare können für Online-Shopping verwendet werden, sodass die Kundschaft Bestellungen aufgeben und Zahlungen über die Website tätigen kann.

Kontakt: Mit einem Kontaktformular können Besuchende der Website einfach den Besitzenden oder die Organisation der Website erreichen.

Befragungen und Umfragen: Formulare können verwendet werden, um Feedback und Meinungen von Besuchenden der Website durch Befragungen und Umfragen zu sammeln.

Registrierung für Veranstaltungen: Formulare können zur Registrierung für Veranstaltungen verwendet werden, sodass sich Website-Besuchende für Veranstaltungen oder Webinare anmelden können.

Abonnements: Formulare können für Website-Abonnements verwendet werden, sodass sich Besuchende für einen Newsletter oder andere regelmäßige Nachrichten anmelden können.

Benutzerauthentifizierung: Formulare können für die Benutzerauthentifizierung verwendet werden, sodass Website-Besuchende Konten erstellen und sich anmelden können, um auf exklusive Inhalte oder Funktionen zuzugreifen.

Erhöhung der Konversionsrate: Ein gut gestaltetes Formular kann die Konversionsrate erhöhen, indem das Formular es den Benutzenden erleichtert, eine gewünschte Aktion auszuführen, z. B. ein Produkt zu erwerben oder sich für einen Service anzumelden.

Titel: Mit dem Titel können Sie eine Komponente in einem Formular leicht identifizieren. Standardmäßig wird der Titel oberhalb der Komponente angezeigt. Wenn Sie keinen Titel hinzufügen, wird der Name der Komponente anstelle des Titeltexts angezeigt.

Vorbefüllungs-Services: Diese Option ermöglicht es Benutzenden, einen Vorbefüllungs-Service zum Abrufen von Daten auszuwählen, wenn das adaptive Formular gerendert wird. Weitere Informationen zum Erstellen und Konfigurieren eines Vorbefüllungs-Services.

Rolle: Die Rolle ist ein HTML-Attribut, mit dem der Zweck eines HTML-Elements für Hilfstechnologien wie Bildschirmlesehilfen angegeben wird. Rollenattribute werden verwendet, um für ein Element zusätzlichen Kontext und eine semantische Bedeutung bereitzustellen, wodurch es für Bildschirmlesehilfen einfacher wird, den Inhalt zu interpretieren und ihn Benutzenden mitzuteilen. In AEM Forms kann beispielsweise die Beschriftung eines Formularfelds die Rolle „Beschriftung“ haben und sein Eingabefeld die Rolle „Textfeld“. Dadurch kann die Bildschirmlesehilfe die Beziehung zwischen Beschrfitung und Eingabefeld verstehen und diese Informationen den Benutzenden korrekt mitteilen.

Client-Bibliothekskategorie: Benutzende können eine benutzerdefinierte JavaScript-Bibliothek pro adaptivem Formular konfigurieren. Es wird empfohlen, nur die wiederverwendbaren Funktionen in der Bibliothek zu behalten, die von den Drittanbieter-Bibliotheken „jquery“ und „underscore.js“ abhängig sind.Bisweilen befindet sich bei komplexen Validierungsregeln das exakte Validierungsskript in den benutzerdefinierten Funktionen. Benutzende können diese benutzerdefinierten Funktionen über den Ausdruck für die Feldvalidierung abrufen. Um diese benutzerdefinierte Funktionsbibliothek bei Server-seitigen Validierungen bekannt und verfügbar zu machen, können Benutzende von Formularen den Namen der AEM-Client-Bibliothek auf der Registerkarte Allgemein in den Eigenschaften des Containers für adaptive Formulare konfigurieren.Der Benutzer bzw. die Benutzerin kann eine benutzerdefinierte JavaScript-Bibliothek für jedes adaptive Formular konfigurieren. Legen Sie in der Bibliothek nur die wiederverwendbaren Funktionen ab, die von den Drittanbieter-Bibliotheken „jquery“ und „underscore“ abhängen.

Hamburger-Menü für Mobilansicht aktivieren - Aktivieren Sie das Kontrollkästchen, um ein Hamburger-Menü in Ihr Formular für Mobilansicht zu integrieren. Dieses Menü wird durch drei horizontal gestapelte Linien dargestellt. Es bietet eine klare und übersichtliche Anzeige für Bedienfelder auf kleineren Geräten, insbesondere auf Mobilgeräten. Weitere Informationen zum Hamburger-Menü finden Sie im Abschnitt Weitere Informationen zum Hamburger-Menü.

Beim Senden - Wählen Sie Umleiten zu URL, um Formularbenutzende nach dem Senden an eine konfigurierte Seite zu senden, oder Nachricht anzeigen, um eine Bestätigungsmeldung im Formular anzuzeigen.

Umleitungs-URL/-pfad: Diese Option ermöglicht es, eine Seite für jedes Formular zu konfigurieren, zu dem die Formularbenutzenden nach dem Übermitteln eines adaptiven Formulars umgeleitet werden. Klicken Sie hier, um weitere Informationen zum Konfigurieren von Umleitungsseiten zu erhalten.

Übermittlungsaktion: Eine Übermittlungsaktion wird ausgelöst, wenn in einem adaptiven Formular auf die Schaltfläche „Senden“ geklickt wird. Benutzende können in der Dropdown-Liste „Übermittlungsaktionen“ auswählen, die standardmäßig unterstützt werden. Erfahren Sie, wie Sie eine Übermittlungsaktion auf der Registerkarte „Übermittlung“ konfigurieren.

Aktionskonfiguration - Konfigurieren von Zuordnungen für die Übergabe von Feldwerten als Anforderungsparameter für die Dankeseite.

POST-Anfrage aktivieren - Wählen Sie diese Option, um die Formulardaten mithilfe einer HTTP-POST-Anfrage zu senden.

Standard-CSS-Klassen: Sie können eine standardmäßige CSS-Klasse für die Kernkomponente „Formular-Container“ für adaptive Formulare bereitstellen.

Zulässige Stile: Sie können Stile definieren, indem Sie den Namen und die CSS-Klasse für den Stil angeben. Sie können beispielsweise einen Stil mit dem Namen „Fettschrift“ erstellen und die CSS-Klasse „Schriftbreite: Fett“ bereitstellen. Sie können diese Stile bei einem adaptiven Formular im adaptiven Formular-Editor anwenden. Um einen Stil anzuwenden, wählen Sie im Editor für adaptive Formulare die Komponente aus, auf die Sie den Stil anwenden möchten, navigieren Sie zum Eigenschaften-Dialog und wählen Sie den gewünschten Stil aus der Dropdown-Liste Stile. Wenn Sie die Stile aktualisieren oder ändern müssen, kehren Sie einfach zum Dialogfeld „Design“ zurück, aktualisieren die Stile auf der Registerkarte „Stile“ und speichern die Änderungen.

Gruppenname: Sie können einen Namen angeben, um die Gruppe der benutzerdefinierten Eigenschaften zu kennzeichnen. Sie können mehrere Gruppen benutzerdefinierter Eigenschaften hinzufügen, löschen oder neu anordnen. Nach dem Hinzufügen der Gruppe benutzerdefinierter Eigenschaften werden folgende Optionen angezeigt:

• Schlüssel-Wert-Paare: Sie können mehrere Namen und Werte benutzerdefinierter Eigenschaften hinzufügen, indem Sie für jede Gruppe benutzerdefinierter Eigenschaften auf Hinzufügen klicken.

• Löschen: Tippen oder klicken Sie auf diese Option, um den Namen und den Wert der benutzerdefinierten Eigenschaft zu löschen.

• Neu anordnen: Ordnen Sie den Namen und Wert der benutzerdefinierten Eigenschaft Antippen oder Klicken und Ziehen neu an.

Das Menü „Hamburger“ zeigt nur die Namen der Bedienfelder an. Im Folgenden finden Sie verschiedene Szenarien, die zeigen, wie der Bereichsname basierend auf den Konfigurationseigenschaften des Bereichs im Navigationsbereich des Hamburger-Menüs angezeigt wird:

• Wenn Sie die Eigenschaften des Bereichs auf „Ausgeblendet“ setzen, wird der Name des Bereichs nicht im Navigationsbereich des Hamburger-Menüs angezeigt. Wenn Sie beispielsweise die Eigenschaften des Financial Information Bedienfelds als hidden konfigurieren, wird der Bereichsname nicht im Navigationsbereich des Hamburger-Menüs angezeigt.

  {width="50%"}

• Wenn Sie die Eigenschaften des Bedienfelds auf disabled setzen, wird sein Name im Navigationsbereich des Hamburger-Menüs angezeigt, Sie können ihn jedoch nicht auswählen oder bearbeiten. Wenn Sie beispielsweise die Eigenschaften des Financial Information Bedienfelds als disabled konfigurieren, wird der Bereichsname im Navigationsbereich angezeigt, kann jedoch nicht ausgewählt oder bearbeitet werden.

  {width="50%"}

• Wenn Sie den Titel des Bedienfelds ausblenden, wird es nicht im Navigationsbereich des Hamburger-Menüs angezeigt. Stattdessen wird eine leere Platzierung angezeigt. Sie können jedoch zu den Feldern des Bedienfelds navigieren, indem Sie auf diese Platzierung klicken. Wenn Sie beispielsweise den Titel des Financial Information Bedienfelds ausblenden, wird das leere Feld an dieser Stelle im Navigationsbereich des Hamburger-Menüs angezeigt. Sie können zu den Feldern des Bedienfelds navigieren, indem Sie auf die Leerstelle klicken.

  {width="50%"}

Standardmäßig unterstützt der Navigationsbereich in der Breadcrumb-Komponente bis zu drei Navigationsebenen. Mit der benutzerdefinierten Komponente können Sie jedoch die Navigationshierarchie so konfigurieren, dass sie beliebig viele Ebenen aufnimmt.

Bei Verwendung des Menüs „Hamburger“ können Benutzende mit Pfeilen zwischen Bedienfeldern navigieren. Sobald ein Bedienfeld ausgewählt wurde, wird das Menü jedoch automatisch geschlossen und der Fokus wechselt zu den Feldern im ausgewählten Bedienfeld.

Akkordeon

Adaptive Formularfragmente

Adaptives Formular – reCAPTCHA

Schaltfläche

Kontrollkästchengruppe

Kontrollkästchen

Datum und Uhrzeit

Datumsauswahl

Dropdown-Liste

E-Mail

Formular-Container

Formulartitel

Dateianhang

Fußzeile

Kopfzeile

Bild

Numerisches Feld

Panel

Telefon

Horizontale Registerkarte

Vertikale Registerkarte

Optionsschaltfläche

Schaltfläche „Zurücksetzen“

Überprüfung

Freihandsignatur

Schaltfläche „Senden“

Textfeld

Text

Registerkarte „Nutzungsbedingungen“

Assistent