Eigenes Formular

Hier ein Beispiel für ein einfaches Formular mit Checkbox zur Bestätigung, dass die Datenschutzerklärung gelesen wurde.
Beachte bitte, dass persönliche Daten eines Benutzers, nur über eine verschlüsselte Verbindung (https:) zum Webserver gesendet werden sollten! Dies betrifft insbesondere gewerbliche Seiten.
Ihr dürft gerne testen. Hakt Kopie an Euch an, so seht Ihr die Mail.





0 Zeichen


Bitte löse die Rechenaufgabe


Bitte alle mit markierten Felder ausfüllen
Dieses Formular wird an Thomas Frei-Herrmann gesendet

  • Hier geht es zu meinem Formular-Generator, mit dem ich dieses Formular erstellt habe.
  • Der Einbau in Mobirise funktioniert ebenso wie in meinem Tutorial auf der Formular-Generator Seite beschrieben.
  • Um das Formular im Sinne von "Bootstrap" responsive zu gestalten, ersetzt ihr z.B. die Breite von size='35' eines "input" Formular-Feldes durch die Bootstrap class='form-control'

  • Hier das Skript für die Checkbox zum Anzeigen vom Datenschutzhinweis. Dieses Skript gehört in die "Seiteneinstellungen" > "End of <body> code".

        <!-- Datenschutzhinweis der Checkbox -->
        <script>
           function myFunction() {
                var checkBox = document.getElementById("myCheck");
                var datenschutz = document.getElementById("datenschutz");
                if (checkBox.checked == true){
                    datenschutz.style.display = "block";
                } else {
                    datenschutz.style.display = "none";
                }
           }
        </script>

  • hier die Checkbox vom Formular mit den IDs und JavaScript Funktion als Beispiel:

    <div class='col-12 col-lg-10'>
      <p>
        <label>            
          <input type='checkbox' id='myCheck' onclick='myFunction()' name='agb' value='Ja'" . $agbCk . " required='required'>
          <a href='http://www.mobirise-tutorials.com/Datenschutz.html' target='_blank'>Datenschutzerklärung gelesen</a>
        </label>
        <span class='pflichtfeld'>&#10034; " . $Fehler["agb"] . "</span>
        <p id='datenschutz' style='display:none; color: red;'>Hier Dein Datenschutz Hinweis Text.</p>                  
      </p>
    </div> 
© Mobirise-Tutorials.com
Private Homepage
Datenschutzregeln


Counter Statistik