Formular per AJAX einbinden

    span.box{
      display: block;
      padding: 20px;
    }

Sie können das Formular direkt per AJAX ohne IFrames in Ihre Webseite einbinden. Unterstützung der möglichen Einbindungsoptionen finde Sie in FORMCYCLE direkt unter Veröffentlichen.

    <!DOCTYPE html>
 <html>
     <head>
         <meta charset="utf-8">
         <!-- jQuery must be loaded-->
         <script src="https://demo7.formcycle.eu/formcycle/form/includes/010-jquery-min.js?_nc=1637667410192"></script>
         <!-- configure path to your server, the id of the content element where the form should placed into and id of the form.-->
         <script src="https://demo7.formcycle.eu/formcycle/form/include.js?auto=1&form_container_id=content&form_id=564&form_base=https://demo7.formcycle.eu/formcycle"></script>
     </head>

     <body class="body">
        <!-- this is the div where the form will be placed into -->
         <div id="content"></div>
     </body>
 </html>
 

Für das folgenden Beispiel wird zu Demonstrationszwecken eine eigene HTML-Seite in einem iframe verwendet:

  pre{
    margin:0;
  }

  .xm-form{
    margin:0 auto;
  }

  .extra .hljs-string{
    font-weight:bold;
    color:red;
  }

  iframe, .hljs{
    max-width:700px;
    border:2px solid #515151;
  }

  .hljs{
    max-width:985px;
    text-align:center;
  }

  .resizer {
    display:flex;
    margin:0;
    padding:0;
    resize:both;
    overflow:hidden
  }

  .resizer > .resized {
    flex-grow:1;
    margin:0;
    padding:0;
    border:0;
    height: inherit;
  }
  .border { border:4px dashed black; }