Einbetten des adaptiven Formulars oder HTML5-Formulars in eine Web-Seite

Das eingebettete adaptive Formular ist voll funktionsfähig, und Benutzende können es ausfüllen und senden, ohne die Seite zu verlassen. Es hilft Benutzenden, im Kontext anderer Elemente auf der Web-Seite zu bleiben und gleichzeitig mit dem Formular zu interagieren.

Im folgenden Video werden die Schritte erläutert, die zum Einbetten eines adaptiven oder HTML5-Formulars in eine Web-Seite erforderlich sind.
Bitte beachten Sie die Dokumentation für die besten Voraussetzungen, Best Practices usw.

Sie können die im Video verwendeten Beispieldateien hier herunterladen

Der folgende Code wird verwendet, um das adaptive Formular abzurufen und das Formular in den Container einzubetten, der durch den Klassennamen right gekennzeichnet ist:

$(document).ready(function(){

    var formName = $( "#xfaform" ).val();
    $.get("http://localhost/content/dam/formsanddocuments/newslettersubscription/jcr:content?wcmmode=disabled", function(data, status){
    console.log(formName);
    $(".right").append(data);

    });

});