CINXE.COM
Formular-Generator
<!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:image:src" content="assets/images/index.php-meta.png"> <meta property="og:image" content="assets/images/index.php-meta.png"> <meta name="twitter:title" content="Formular-Generator"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1"> <link rel="shortcut icon" href="assets/images/logo-mobirise-250x250.png" type="image/x-icon"> <meta name="description" content="Formulare mit dem Formular Generator erstellen"> <title>Formular-Generator</title> <link rel="stylesheet" href="assets/web/assets/mobirise-icons2/mobirise2.css"> <link rel="stylesheet" href="assets/web/assets/mobirise-icons/mobirise-icons.css"> <link rel="stylesheet" href="assets/simple-line-icons/simple-line-icons.css"> <link rel="stylesheet" href="assets/Material-Design-Icons/css/material.css"> <link rel="stylesheet" href="assets/FontAwesome/css/font-awesome.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-grid.min.css"> <link rel="stylesheet" href="assets/bootstrap/css/bootstrap-reboot.min.css"> <link rel="stylesheet" href="assets/popup-overlay-plugin/style.css"> <link rel="stylesheet" href="assets/smart-cart/minicart-theme.css"> <link rel="stylesheet" href="assets/dropdown/css/style.css"> <link rel="stylesheet" href="assets/socicon/css/styles.css"> <link rel="preload" href="https://www.mobirise-tutorials.com/Formular-Generator/assets/myfonts/style.css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://www.mobirise-tutorials.com/Formular-Generator/assets/myfonts/style.css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap"></noscript> <link rel="preload" as="style" href="assets/mobirise/css/mbr-additional.css?v=9b8BH0"><link rel="stylesheet" href="assets/mobirise/css/mbr-additional.css?v=9b8BH0" type="text/css"> <script src="https://consent.cookiefirst.com/sites/mobirise-tutorials.com-f6a24dff-9a33-4bc8-bd8d-af58db844677/consent.js"></script> <!-- Google Translator --> <style> /* Image */ .goog-te-gadget img { display: none !important; } /* Powered */ .goog-te-gadget { color: #e2e2e2 !important; } /* Link */ .VIpgJd-ZVi9od-l4eHX-hSRGPd { color: #6592e6 !important; } /* Link Hover */ .VIpgJd-ZVi9od-l4eHX-hSRGPd:hover { color: #326ede !important; } </style> <!-- Klickzähler --> <script> window.addEventListener("DOMContentLoaded", () => { document.querySelectorAll("a[data-button]").forEach((element) => { // EDIT Tommy - Attribut entfernt //element.setAttribute("title", "Klick"); element.addEventListener("click", (e) => { let id = e.target.dataset.button; // Eintagen - EDIT Tommy - Pfad angepasst fetch(`counter/counter.php?id=${id}`) .then(() => { // Auslesen - EDIT Tommy - Pfad angepasst fetch(`counter/counter.php?da=${id}`) .then((antwort) => { return antwort.text(); }) .then((antwort) => { document.querySelector(`[data-count="${id}"]`).textContent = new Intl.NumberFormat("de-DE").format(antwort) + ' x'; }); }); }); }); }); </script> </head> <body> <section data-bs-version="5.1" class="menu menu2 cid-td2u1hskB0" once="menu" id="menu2-0"> <nav class="navbar navbar-dropdown navbar-fixed-top navbar-expand-lg"> <div class="container"> <div class="navbar-brand"> <span class="navbar-logo"> <a href="https://www.mobirise-tutorials.com/" target="_blank"> <img src="assets/images/logo-mobirise-250x250.png" alt="" title="Mobirise-Tutorials.com" style="height: 4.2rem;"> </a> </span> <span class="navbar-caption-wrap"><a class="navbar-caption text-white display-7" href="https://www.mobirise-tutorials.com/" target="_blank">Mobirise-Tutorials</a></span> </div> <button class="navbar-toggler" type="button" data-toggle="collapse" data-bs-toggle="collapse" data-target="#navbarSupportedContent" data-bs-target="#navbarSupportedContent" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> <div class="hamburger"> <span></span> <span></span> <span></span> <span></span> </div> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav nav-dropdown nav-right" data-app-modern-menu="true"><li class="nav-item"><a class="nav-link link text-white text-primary display-4" href="index.html#top">Formular Generator</a></li> <li class="nav-item"><a class="nav-link link text-white display-4" href="https://www.mobirise-tutorials.com/Formular/" target="_blank"><span class="mobi-mbri mobi-mbri-contact-form mbr-iconfont mbr-iconfont-btn"></span>Kontakt</a></li><li class="nav-item"><a class="nav-link link text-white text-primary display-4" href="https://www.mobirise-tutorials.com/Forum/" target="_blank"><span class="sli-bubbles mbr-iconfont mbr-iconfont-btn"></span>Forum</a></li> <li class="nav-item"><a class="nav-link link text-white display-4" href="https://www.mobirise-tutorials.com/Suchen.php" target="_blank"><span class="mbri-search mbr-iconfont mbr-iconfont-btn"></span>Suchen</a> </li></ul> </div> </div> </nav> </section> <section data-bs-version="5.1" class="header6 cid-td2u1LWWxQ mbr-fullscreen" id="header6-1"> <div class="mbr-overlay" style="opacity: 0.7; background-color: rgb(0, 0, 0);"></div> <div class="align-center container"> <div class="row justify-content-center"> <div class="col-12 col-lg-10"> <h1 class="mbr-section-title mbr-fonts-style mbr-white mb-3 display-2"><strong>Mobirise Tutorials</strong></h1> <p class="mbr-text mbr-white mbr-fonts-style display-5">Formular-Generator</p> <div class="mbr-section-btn mt-3"><a class="btn btn-white-outline display-4" href="index.php#Formular-Generator"><span class="mobi-mbri mobi-mbri-contact-form mbr-iconfont mbr-iconfont-btn"></span>Formular-Generator </a> <a class="btn btn-white-outline display-4" href="index.php#Tutorial"><span class="mobi-mbri mobi-mbri-contact-form mbr-iconfont mbr-iconfont-btn"></span>Tutorial Einbau </a> <a class="btn btn-white-outline display-4" href="index.php#Google"><span class="mdi-action-translate mbr-iconfont mbr-iconfont-btn"></span>Translate </a></div> </div> </div> </div> </section> <section data-bs-version="5.1" class="content5 cid-td2vAHUzPK" id="Formular-Generator"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-12 col-lg-10"> <h4 class="mbr-section-subtitle mbr-fonts-style mb-4 display-5"> Formular-Generator<br></h4> <p class="mbr-text mbr-fonts-style display-7"> Aufrufe seit 28.03.2016: <span class="info"><span class="counter" data-count="1">11.747 x</span></span></p> <p class="mbr-text mbr-fonts-style display-7">Der Formular-Generator speichert eure Eingaben zur Erstellung des Formulars im <a href="https://de.wikipedia.org/wiki/Web_Storage" class="text-primary" target="_blank">Local Storage</a> eures Browser, sodass ihr bis zur Löschung dieser Daten an dem Formular weiter arbeiten könnt. Ihr findet zum Löschen der Local Storage unten auf der Seite -1- vom Formular-Generator einen Button:<br><br><span class="notranslate meintipp"><span class="mobi-mbri mobi-mbri-close mbr-iconfont mbr-iconfont-btn" style="font-size: 14px;"></span> Angaben und Einstellungen löschen</span><br><br>Diese Daten werden also ausschließlich in eurem Browser hinterlegt.<br></p> </div> </div> </div> </section> <section data-bs-version="5.1" class="content11 cid-tnU5usIV7U" id="content11-a"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-12 col-lg-10"> <div class="mbr-section-btn align-left"><a class="btn btn-primary display-4" href="https://www.mobirise-tutorials.com/Formular-Generator/Generator/formulargenerator.php" target="_blank" data-button="1"><span class="fa fa-external-link mbr-iconfont mbr-iconfont-btn"></span>Formular-Generator</a></div> </div> </div> </div> </section> <section data-bs-version="5.1" class="content5 cid-tnU6T7Ezsc" id="Tutorial"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-12 col-lg-10"> <h4 class="mbr-section-subtitle mbr-fonts-style mb-4 display-7"><strong> Tutorial zum Formular-Generator</strong></h4> <p class="mbr-text mbr-fonts-style display-7">Formular-Generator - von <strong>Werner-Zenk.de</strong> und Tutorial zu <strong>Mobirise</strong> und <a href="http://www.nof-tutorials.com/Kontakt-Formular-Generator/Tutorial/tutorial.php" class="text-primary" target="_blank">NetObjects Fusion</a>. <br><br>Werner-Zenk.de hat seine Webseiten am <strong>26.04.2024 erneut eingestellt</strong>. <br><br>Mit freundlicher Genehmigung von Werner stelle ich hier seinen Formular-Generator vom 24.11.2022 weiterhin zu Verfügung. Der alte Generator wurde hier seit dem Jahr 2016 bereits 9670 Mal aufgerufen.<br><br><!--Diesen Formular-Generator hat Werner am 13.02.2024 eingestellt. Hier geht es zu dem neuen <a href="https://werner-zenk.de/tools/form.php" class="text-primary" target="_blank">Kontaktformular-Generator</a> auf der Seite von Werner-Zenk.de, der in Verbindung mit dem bekannten Script <a href="https://github.com/PHPMailer/PHPMailer" class="text-primary" target="_blank">PHPMailer</a> arbeitet. Bei diesem Generator könnt ihr auch am Zahnrad oben bei den Formular-Optionen <span class="notranslate">"<b>SMTP</b>"</span> für das Mail Protokoll wählen und somit die Zugangsdaten von eurem Provider anwenden.<br><br>-->Dieser Formular-Generator ist eigentlich selbsterklärend, dennoch hier einige Tipps.<br><br>Es gibt jede Menge Optionen für das Formular. Felder hinzufügen eine Mail an den Benutzer senden lassen oder auch einen Spamschutz einstellen, die Farben ändern und unendlich viele andere Anpassungen vornehmen. Das Formular besteht lediglich aus einer Datei und lässt sich sehr einfach in eine Website, die PHP 5.4 oder höher unterstützt, integrieren.<br><br></p> </div> </div> </div> </section> <section data-bs-version="5.1" class="image1 cid-tnUceSEN5S" id="image1-c"> <div class="container"> <div class="row align-items-center"> <div class="col-12 col-lg-6"> <div class="image-wrapper"> <img src="assets/images/generator-seite-1.jpg" alt="Formular-Generator Seite 1"> <p class="mbr-description mbr-fonts-style pt-2 align-center display-4"> Formular-Generator -1-</p> </div> </div> <div class="col-12 col-lg"> <div class="text-wrapper"> <h3 class="mbr-section-title mbr-fonts-style mb-3 display-5"> <strong>Formular in drei Schritten</strong></h3> <p class="mbr-text mbr-fonts-style display-7"> Ruft den Formular-Generator oben am Button auf. <br><br>Der Generator zeigt drei Seiten. <br><br>Hier im Screenshot die Seite -1- mit den Grundeinstellungen. Dort könnt ihr bereits die für euer Formular gewünschten Felder mit ihren Bezeichnungen einsetzen und auch sortieren.<br><br>Unter den Optionen könnt ihr unterschiedliche Auswahlen treffen. Hakt auf jeden Fall "HTML 5" an.<br><br>Ich empfehle einen Spamschutz gegen Spambots, wie z.B. eine einfache Rechenaufgabe. Für Mobirise ist es sinnvoll auch "Bootstrap verwenden" anzuhaken, damit die Eingabefelder die entsprechende Bootstrap-Class erhalten.<br><br>Probiert einfach alle Optionen einmal aus. <br><br>Der Formular-Generator sichert eure Einträge im Local Storage von eurem Browser. So könnt ihr, solange dieser Webspeicher von euch nicht gelöscht wird, jederzeit zum Generator zurückkehren und das Formular nochmals ändern oder weiter bearbeiten.<br><br>Auf der Seite -2- könnt ihr dann jedes Feld nochmals weiter bearbeiten, den Feldtyp ändern oder es zum Pflichtfeld machen. Bitte guckt euch sämtliche Möglichkeiten ganz genau an.<br><br>Auf der Seite -3- wird dann das fertige Formular dargestellt und darunter der generierte Code, den ihr dann in Mobirise direkt einbaut.<br><br>Ihr könnt jederzeit zwischen den Seiten vor und zurück gehen. Die Änderungen passen sich selbstständig sofort an.</p> </div> </div> </div> </div> </section> <section data-bs-version="5.1" class="image4 cid-to03HOM6W4" id="image4-g"> <div class="container"> <div class="row"> <div class="col-12 col-lg-6"> <div class="image-wrapper"> <img src="assets/images/generator-seite-2.jpg" alt="Formular-Generator Seite 2"> <p class="mbr-text mbr-fonts-style mt-2 align-center display-4"> Formular-Generator -2-</p> </div> </div> <div class="col-12 col-lg-6"> <div class="image-wrapper"> <img src="assets/images/generator-seite-4.jpg" alt="Formular-Generator Seite 3"> <p class="mbr-text mbr-fonts-style mt-2 align-center display-4"> Formular-Generator -3-</p> </div> </div> </div> </div> </section> <section data-bs-version="5.1" class="content5 cid-tnUelyguUx" id="content5-d"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-12 col-lg-10"> <p class="mbr-text mbr-fonts-style display-7">Auf der dritten und letzten Seite generiert das Programm eine vollständige HTML-Seite mit dem Quelltext, die auch direkt zu verwenden ist, indem man den gesamten, generierten Code zum Beispiel als “kontakt.php” speichert und auf den Server in ein Verzeichnis seiner Wahl kopiert. Dann könnt ihr diese Datei über einen Iframe einbinden. <br> <br>Unten ein Beispiel des Codes eines einfachen Formulars. Auch wenn der generierte Code vielleicht zunächst kompliziert erscheint, ist der Einbau kinderleicht.<br><br>Ich habe hier die Bereiche, die Ihr zum direkten Einbau in Mobirise benötigt, farbig markiert.<br><br><a href="index.php#beenden" class="text-primary">Lest dazu bitte unten weiter <span class="mobi-mbri mobi-mbri-down mbr-iconfont mbr-iconfont-btn"></span></a></p> </div> </div> </div> </section> <section data-bs-version="5.1" class="content5 cid-tnUhXAbvDp" id="content5-e"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-12 col-lg-10"> <h4 class="mbr-section-subtitle mbr-fonts-style mb-4 display-5">Beispiel Quelltext:</h4> <p class="mbr-text mbr-fonts-style display-7"> <code> <!DOCTYPE html><br> <html lang="de"><br> <head><br> <meta charset="UTF-8"><br> <title></title><br> <meta name="viewport" content="width=device-width, initial-scale=1.0"><br> <br> <!-- Den Dateipfad zu Bootstrap eventuell anpassen! --><br> <link rel="stylesheet" href="bootstrap.min.css"><br> <br> <style><br> <span style="color: green;">body, textarea {<br> font-family: Verdana, Sans-Serif;<br> font-size: 1rem;<br> }<br> <br> span.pflichtfeld {<br> font-size: 0.90rem;<br> color: Red;<br> }<br> <br> span.hilfetext {<br> font-family: Arial, Tahoma, Sans-Serif;<br> font-size: 0.80rem;<br> font-style: Oblique;<br> color: #009500;<br> }</span><br> </style><br> <br> </head><br> <body><br> <br> <span style="color: blue;"><?php<br> /*<br> Aktion: Formulardaten als E-Mail versenden.<br> Formular - PHP 5.4+, Zeichenkodierung: UTF-8<br> <br> Erstellt mit dem Formular Generator (24.11.2022) - <br> https://www.mobirise-tutorials.com/Formular-Generator/<br> <br> Bitte testen Sie das Formular ausführlich und<br> beachten Sie die Hinweise im Quelltext!<br> */<br> <br> // PHP Fehlermeldungen (1 um das Formular zu testen) anzeigen.<br> error_reporting(1); // (0/1)<br> <br> // Weiterleitung - Nach dem absenden des Formulars,<br> // gelangt der Benutzer über einen Link auf folgende Seite:<br> $Weiterleitung = "<span style="color: red;">kontakt.php</span>"; // Relativer Pfad, ausgehend vom Formular.<br> <br> $name = isset($_POST["name"]) ? htmlspecialchars(trim($_POST["name"])) : ""; // Name<br> $email = isset($_POST["email"]) ? htmlspecialchars(trim($_POST["email"])) : ""; // E-Mail<br> $betreff = isset($_POST["betreff"]) ? htmlspecialchars(trim($_POST["betreff"])) : ""; // Betreff<br> $nachricht = isset($_POST["nachricht"]) ? htmlspecialchars(trim($_POST["nachricht"])) : ""; // Nachricht<br> $KopieCk = isset($_POST["Kopie"]) ? " checked='checked'" : null; // E-Mail Kopie<br> <br> // Benutzereingaben überprüfen<br> // Die Meldungen müssen hier eventuell angepasst werden.<br> $Fehler = ["name"=>"", "email"=>"", "betreff"=>"", "nachricht"=>"", "sicherheit"=>""];<br> if (isset($_POST["submit"])) {<br> $Fehler["name"] = strlen($_POST["name"]) < 1 ? " Bitte füllen Sie dieses Feld aus!" : "";<br> $Fehler["email"] = filter_var($_POST["email"], FILTER_VALIDATE_EMAIL) === false ? " Geben Sie eine gültige E-Mail-Adresse ein!" : "";<br> $Fehler["betreff"] = strlen($_POST["betreff"]) < 1 ? " Bitte füllen Sie dieses Feld aus!" : "";<br> $Fehler["nachricht"] = strlen($_POST["nachricht"]) < 10 ? " Bitte füllen Sie dieses Feld aus (min. 10 Zeichen)!" : "";<br> $Fehler["nachricht"] .= strlen($_POST["nachricht"]) > 5000 ? " Es sind maximal 5000 Zeichen erlaubt!" : "";<br> $Fehler["sicherheit"] = (md5($_POST["zip"]) != $_POST["zip2"]) ? "Die Rechenaufgabe ist leider falsch!" : "";<br> }<br> <br> // Sicherheitsabfrage - Rechenaufgabe<br> $Z0 = [mt_rand(1, 9), mt_rand(1, 9)];<br> $Z1 = max($Z0); $Z2 = min($Z0);<br> $Spam = $Z1 . " + &#" . (48 + $Z2) . ";";<br> $Schutz = md5($Z1 + $Z2);<br> <br> // Formular erstellen<br> $Formular = "<br> <form action='" . $_SERVER["SCRIPT_NAME"] . "' method='post'><br> <br> <p><br> <label> Name:<br> <span class='pflichtfeld'>✲ " . $Fehler["name"] . "</span><br><br> <input type='text' name='name' value='" . $name . "' size='35' required='required' class='form-control' tabindex='1'><br> </label><br> </p><br> <br> <p><br> <label> E-Mail:<br> <span class='pflichtfeld'>✲ " . $Fehler["email"] . "</span><br><br> <input type='email' name='email' value='" . $email . "' size='35' required='required' class='form-control' tabindex='2'><br> </label><br> </p><br> <br> <p><br> <label> Betreff:<br> <span class='pflichtfeld'>✲ " . $Fehler["betreff"] . "</span><br><br> <input type='text' name='betreff' value='" . $betreff . "' size='35' required='required' class='form-control' tabindex='3'><br> </label><br> </p><br> <br> <p><br> <label> Nachricht:<br> <span class='pflichtfeld'>✲ " . $Fehler["nachricht"] . "</span><br><br> <textarea name='nachricht' cols='40' rows='8' placeholder='maximal 5.000 Zeichen' maxlength='5000' required='required' class='form-control' tabindex='4'>" . $nachricht . "</textarea><br> </label><br> </p><br> <br> <p><br> <label> <br> <input type='checkbox' name='Kopie'" . $KopieCk . "><br> Eine Kopie dieser Nachricht an meine E-Mail Adresse<br> </label><br> </p><br> <br> <p><br> <label> Sicherheitsabfrage: <br> <span class='pflichtfeld'>✲ " . $Fehler["sicherheit"] . "</span><br><br> <em>" . $Spam . "</em> = <br> <input type='text' name='zip' size='4' pattern='[0-9]{1,2}' required='required' autocomplete='off'><br> </label><br> <input type='hidden' name='zip2' value='" . $Schutz . "'><br> <br><span class='hilfetext'> Bitte lösen Sie die Rechenaufgabe. </span><br><br> </p><br> <br> <p><br> <br><br> <input type='submit' name='submit' value='Senden' class='btn' tabindex='5'><br> </p><br> <br> <p><br> <small>Bitte alle mit <span class='pflichtfeld'>✲</span><br> markierten Felder ausfüllen.</small><br> </p><br> <br> </form><br> ";<br> <br> // Formular abgesendet<br> if (isset($_POST["submit"])) {<br> <br> // Sind keine Benutzer-Eingabefehler vorhanden<br> if (implode("", $Fehler) == "") {<br> <br> // Daten als E-Mail versenden (Vorschlag) - Bitte anpassen!<br> <br> // Zeitzone und das aktuelle Datum setzen<br> // http://de3.php.net/manual/de/timezones.europe.php<br> date_default_timezone_set("Europe/Berlin");<br> $Datum = date("d.m.Y H:i");<br> <br> // Empfänger E-Mail<br> // Eine beim Provider registrierte E-Mail Adresse verwenden!<br> $Mailto = "<span style="color: red;">name@example.com</span>";<br> <br> // Inhalt der E-Mail setzen<br> $Text = " Gesendet am: $Datum Uhr<br> Name: $name<br> E-Mail: $email<br> Betreff: $betreff<br> Nachricht: $nachricht<br> ";<br> <br> // E-Mail versenden<br> mb_language("de");<br> mb_internal_encoding("UTF-8");<br> $Betreff = mb_encode_mimeheader($betreff, "UTF-8", "Q");<br> $Kopfzeile = "MIME-Version: 1.0;\nFrom: " . mb_encode_mimeheader($name, "UTF-8", "Q") .<br> "<" . $Mailto . ">" . "\nContent-Type: text/plain; Charset=UTF-8;\n";<br> <br> if (mail($Mailto, $Betreff, $Text, $Kopfzeile)) {<br> <br> echo "<p>Vielen Dank, die Nachricht wurde versendet.</p>";<br> }<br> else {<br> <br> // Wenn die Daten nicht versendet werden konnten,<br> // wird die E-Mail-Adresse für den direkten Kontakt eingeblendet.<br> echo "<p>Beim Senden der Nachricht ist ein Fehler aufgetreten!<br>" . <br> "Bitte wenden Sie sich direkt an: <a href='mailto:" . $Mailto . "'>" . $Mailto . "</a></p>";<br> }<br> <br> // E-Mail Kopie versenden (Vorschlag) - Bitte anpassen!<br> <br> if (isset($_POST["Kopie"])) {<br> <br> // Diese Nachricht wird an die E-Mail-Adresse des Besuchers gesendet.<br> <br> // Name/Signatur<br> $Signatur = "<span style="color: red;">Deine Signatur</span>";<br> <br> // Betreff<br> $Betreff = "Kopie einer Nachricht";<br> <br> // Inhalt der E-Mail setzen<br> $Text = " Vielen Dank für Ihren Besuch bei ...<br> Wir haben folgende Nachricht erhalten:<br> <br> Name: $name<br> E-Mail: $email<br> Betreff: $betreff<br> Nachricht: $nachricht<br> <br> Mit freundlichen Grüßen<br> $Signatur <br> ";<br> <br> // E-Mail Kopie versenden<br> mb_language("de");<br> mb_internal_encoding("UTF-8");<br> $Betreff = mb_encode_mimeheader($Betreff, "UTF-8", "Q");<br> $Kopfzeile = "MIME-Version: 1.0;\nFrom: " . mb_encode_mimeheader($Signatur, "UTF-8", "Q") .<br> "<" . $Mailto . ">" . "\nContent-Type: text/plain; Charset=UTF-8;\n";<br> if (mail($email, $Betreff, $Text, $Kopfzeile)) {<br> echo "<p>Sie erhalten eine Kopie der Nachricht an Ihre E-Mail-Adresse.</p>";<br> }<br> }<br> <br> // Weiterleitung<br> echo "<p><a href='" . $Weiterleitung . "' target='_top'>Weiter</a></p>";<br> }<br> else {<br> <br> // Formular und Benutzer-Eingabefehler ausgeben<br> echo $Formular;<br> }<br> }<br> else {<br> <br> // Formular ausgeben<br> echo $Formular;<br> }<br> ?></span><br> <br> </body><br> </html> </code> </p> </div> </div> </div> </section> <section data-bs-version="5.1" class="content5 cid-tnUlsnxeSN" id="beenden"> <div class="container"> <div class="row justify-content-center"> <div class="col-md-12 col-lg-10"> <h4 class="mbr-section-subtitle mbr-fonts-style mb-4 display-5">Erklärung zum Beispiel Quelltext oben</h4> <p class="mbr-text mbr-fonts-style display-7"> Ich habe also im Code oben zum einen die <strong>Style-Anweisung</strong> (CSS) in <span style="color: green;"><strong>grün</strong></span> markiert, die ihr eigentlich ganz weglassen könnt oder die CSS-Anweisungen, die ihr haben wollt dann in den Bereich CSS Editor vom Code Editor kopieren könnt, dann also ohne das <code><style> Tag </style></code>.</p> <p class="mbr-text mbr-fonts-style display-7"> Die Seite mit dem Formular muss in Mobirise die Dateierweiterung <span class="notranslate"><strong>.php</strong></span> haben. Ändert also in den Seiteneinstellungen den Dateinamen der Seite von meinetwegen kontakt.html in <strong>kontakt.php</strong><br><br>Bitte bedenkt, dass die PHP-Skriptsprache erst nach der Publizierung auf den Server arbeiten kann, denn am PC habt ihr, wenn ihr keinen lokalen Host installiert habt, ja kein PHP und könnt bei der lokalen Publizierung nicht das Ergebnis sondern nur den Code sehen.<strong><br></strong></p> <p class="mbr-text mbr-fonts-style display-7">Die Seite, die nach dem Senden aufgerufen werden soll und die E-Mail Adresse, an die das Formular gesendet werden soll, sowie eure Signatur habe ich <span style="color: red;"><strong>rot</strong></span> markiert. Ändert also diese Einträge entsprechend, also den Seitennamen eurer Kontaktseite und eure gültige E-Mail Adresse, die beim Provider eurer Domain auch hinterlegt sein muss. Die Signatur ist eine beliebige Unterschrift der Mail.<br><br>Für das <strong>Formular</strong> selbst verwendet ihr am besten ein einfaches Textfeld aus der Rubrik "Article" und ersetzt den Beispieltext von Mobirise mit dem gesamten <span style="color: blue;"><strong>blau</strong></span> markierten PHP Code.<br><br>Viel Spaß und Erfolg beim Einbau eures eigenen Formulars.<br><br></p> </div> </div> </div> </section> <section data-bs-version="5.1" class="footer7 cid-td2vDfP1mR" once="footers" id="Google"> <div class="container"> <div class="media-container-row align-center mbr-white"> <div class="col-12"> <p class="mbr-text mb-0 mbr-fonts-style display-7"> © Copyright Mobirise-Tutorials.com<br><br><a href="https://www.mobirise-tutorials.com/Datenschutz/" class="text-primary" target="_blank">Datenschutz und Impressum</a><br><br><span style="color: #ffe161;">Google Translator</span><br><span style="font-size: 0.8rem;"><a href="javascript: void();" onclick="cookiefirst_show_settings();" class="text-white">Funktionale Cookies akzeptieren</a></span></p> <div class="d-flex justify-content-center"> <div style="text-align: center;" id="google_translate_element"></div> </div> </div> </div> </div> </section> <script src="assets/bootstrap/js/bootstrap.bundle.min.js"></script> <script src="assets/smoothscroll/smooth-scroll.js"></script> <script src="assets/ytplayer/index.js"></script> <script src="assets/smart-cart/minicart.js"></script> <script src="assets/smart-cart/minicart-customizer.js"></script> <script src="assets/dropdown/js/navbar-dropdown.js"></script> <script src="assets/theme/js/script.js"></script> <script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'de' }, 'google_translate_element'); } </script> <script type="text/plain" data-cookiefirst-category="functional" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> <div id="scrollToTop" class="scrollToTop mbr-arrow-up"><a style="text-align: center;"><i class="mbr-arrow-up-icon mbr-arrow-up-icon-cm cm-icon cm-icon-smallarrow-up"></i></a></div> </body> </html>