Formular als email versenden - DIS dürr-internet-service - Formmailer für Ihre Homepage oder Onlineshop

Hier finden Sie mehrere Möglichkeiten, wie Sie ihr Formular in ihre Homepage integrieren können.
URL
Code for Blogger, Joomla, Wordpress, Drupal, Jimdo or other CMS systems.
Download [form_8831_104006.html]
Sie können z.B. ihr Formular per Direkt-Link in einem Lightbox dhtml Fenster aufrufen.
Sie können z.B. ihr Formular per Direkt-Link in einer neuen HTML-Seite aufrufen.
z.B. zum Formular
(Formularadresse verschlüsselt)
Link extern. for NetObjectsFusion (NOF) or Frontpage
Sie können z.B. ihr Formular per Direkt-Link in einem Fenster aufrufen.
z.B.zum Formular
Sie können z.B. ihr Formular per IFRAME einfügen.
Kopieren Sie folgenden HTML-Code und fügen ihn auf Ihrer Hompage ein!
<!-- START Code DWFormgenerator CSS-Stylesheet -->
<link type="text/css" rel="stylesheet" href="https://www.dw-formmailer.de/css/forms_responsive.css?ver=1.5.0" />
<style type="text/css">
.dis-icon {
 padding: 10px;
 color: #7794FF;
 min-width: 40px;
 text-align: center;
 font-size: 1em;
}
.dis-icon-left {
 color: #7794FF;
 min-width: 40px;
 text-align: center;
 font-size: 1em;
}
.dis-input-container {position: relative !important;}
.dis-input-container label i {position: absolute !important;left: auto !important;top: calc(50% - 0.5em) !important;}
.dis-input-container input {position: initial !important;padding: 3px 4px 3px 40px !important;}
@media print {
#page_top div[id^='page_'] {
  display: inline !important;
 } 
}
.fds-1, .table *, .table2 * {box-sizing: border-box;}
a.dwflink:link {text-decoration: underline; color: #0000FF}
a.dwflink:visited {text-decoration: underline; color: #0000FF}
a.dwflink:hover {text-decoration: underline; color: #0000FF}
body {
 background-color: #FFFFFF;
}
.font-big {
 font-family:'Arial', sans-serif;
 font-size:18px; font-weight:bold;
 color:#000000;
}
.font-small {
 font-family:'Arial', sans-serif;
 font-size:10px; font-weight:normal;
 color:#333333;
}
.lb-1 {
 display: block;
 margin:0.4rem 0;
}
.table * .align {
 display: table-cell;
}
.col2 {width:35%;
}
.col8 {width:5.831%;}
.col8_r {width:10.829%;}
.col10 {width:7%;}
.col10_r {width:13%;}
.col12 {width:8.75%;}
.col12_r {width:16.25%;}
.col16 {width:11.662%;}
.col16_r {width:21.668%;}
.col25 {width:17.5%;}
.col25_r {width:32.5%;}
.col16fx {width:16.66%;}
.col20 {width:20%;}
.col25fx {width:25%;}
.col33 {width:33.33%;}
.col50 {width:50%;}
.table {
 margin-left: auto;
 width:75%;
 margin-right: auto;
 border-spacing:0;
 background-color:#B0E0E6;
 letter-spacing:normal;
}
.table2 {
 background-color:#B0E0E6;
 width:100%;
 border-collapse:collapse;
}
.head {
 padding:2px;
 background-color:#E6E8FF;
}
.main {
 padding:2px;
 background-color:#F0FFF5;
 font-family:'Arial', sans-serif;
 font-size:14px; font-weight:normal;
 color:#333333;
}
.foot {
 padding:2px;
 background-color:#DBDDC5;
}
.align {
 text-align:right;
}
.textarea {
 background-color:#FFFFFF;
 color:#333333;
 font-family:'Arial', sans-serif;
 font-size:12px;
 font-weight: normal;
 border : 1px solid #B0E0E6;
 border-radius:2px; -webkit-border-radius:2px;
 padding: 3px;
 position:relative;
 letter-spacing:normal;
}
.input {
 background-color:#FFFFFF;
 color:#333333;
 font-family:'Arial', sans-serif;
 border : 1px solid #B0E0E6;
 font-size:12px;
 border-radius:2px; -webkit-border-radius:2px;
 padding: 3px;
 position:relative;
 vertical-align:middle;
 letter-spacing:normal;
}
.select {
 background-color:#FFFFFF;
 color:#333333;
 font-family:'Arial', sans-serif;
 border : 1px solid #B0E0E6;
 font-size:12px;
 border-radius:2px; -webkit-border-radius:2px;
 padding: 3px;
 position:relative;
 vertical-align:middle;
 letter-spacing:normal;
}
.textarea:hover, .textarea:focus, .input:hover, .input:focus, .select:hover, .select:focus {
 border-color: #585953;
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 10px rgba(88,89,83,0.75);
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 10px rgba(88,89,83,0.75);
}
.button {
 cursor: pointer;
 padding:5px 12px;
 margin:3px 0;
 display:inline;
 text-decoration:none;
 border-radius:16px;
 -webkit-border-radius:16px;
 position:relative;
 background-color:#FFFAFB;
 color:#000000;
 font-family:'Arial', sans-serif;
 font-size:12px;
 font-weight: bold;
 border : 1px groove #EEEEEE;
 min-width: 200px;
 letter-spacing:normal;
}
.button_send {
 cursor: pointer;
 padding:5px 12px;
 margin:3px 0;
 display:inline;
 text-decoration:none;
 border-radius:16px;
 -webkit-border-radius:16px;
 position:relative;
 background-color:#BCB8FF;
 color:#000000;
 font-family:'Arial', sans-serif;
 font-size:12px;
 font-weight: bold;
 border : 1px groove #FFFFFF;
 min-width: 200px;
 letter-spacing:normal;
}
.button:hover, .button:focus {
 border : 1px groove #EEEEEE;
 color:#000000;
 text-decoration:none;
 background: #65C979;
}
.button_send:hover, .button_send:focus {
 border : 1px groove #FFFFFF;
 color:#000000;
 text-decoration:none;
 background: #65C979;
}
.radio_v {
 display: block;
 position: relative;
}
.radio_h {
 display: inline;
 position: relative;
 margin-right:8px;
}
</style>
<!-- END Code DWFormgenerator CSS-Stylesheet -->
<!-- START Code DWFormgenerator Javascript -->
<link type="text/css" rel="stylesheet" href="https://www.dw-formmailer.de/compress/scripts_forms_css_calendar.php?ver=1.4.1" />
<link type="text/css" rel="stylesheet" href="https://www.dw-formmailer.de/compress/scripts_forms_css.php?ver=1.214" />
<script type="text/javascript" src="https://www.dw-formmailer.de/compress/scripts_forms_js_jquery351.php?ver=1.1.6"></script>
<script type="text/javascript" src="https://www.dw-formmailer.de/compress/scripts_forms_js_calendar.php?lng=de&dsg=blue&ver=1.1.2"></script>
<script type="text/javascript" src="https://www.dw-formmailer.de/scripts/forms_show_hide.js?ver=1.1.05" charset="utf-8"></script>
<script type="text/javascript" src="https://www.dw-formmailer.de/scripts/forms_captcha.js?ver=1.0.5" charset="utf-8"></script>
<script type="text/javascript" src="https://www.dw-formmailer.de/scripts/forms_function.js?ver=1.0.3" charset="utf-8"></script>
<script type="text/javascript">
var chk;
function check_form(f,g) {
 if (f.elements['absender_name'].value == '') {
  alert("Bitte alle Pflichtfelder ausf\u00FCllen! \n(Name)");
  f.elements['absender_name'].focus();
  return false;
 }
 if (f.elements['absender_straße'].value == '') {
  alert("Bitte alle Pflichtfelder ausf\u00FCllen! \n(Stra\u00DFe)");
  f.elements['absender_straße'].focus();
  return false;
 }
 if (f.elements['absender_plz'].value == '') {
  alert("Bitte alle Pflichtfelder ausf\u00FCllen! \n(PLZ)");
  f.elements['absender_plz'].focus();
  return false;
 }
 if (f.elements['absender_Ort'].value == '') {
  alert("Bitte alle Pflichtfelder ausf\u00FCllen! \n(Ort)");
  f.elements['absender_Ort'].focus();
  return false;
 }
 if (f.elements['absender_telefon'].value == '') {
  alert("Bitte alle Pflichtfelder ausf\u00FCllen! \n(Telefon)");
  f.elements['absender_telefon'].focus();
  return false;
 }
 if (f.elements['absender_handy'].value == '') {
  alert("Bitte alle Pflichtfelder ausf\u00FCllen! \n(Handy)");
  f.elements['absender_handy'].focus();
  return false;
 }
 if (f.elements['absender_mail'].value=='') {
  alert("Bitte alle Pflichtfelder ausf\u00FCllen! \n(E-Mail-Adresse)");
  f.elements['absender_mail'].focus();
  return false;
 } else {
  if (!VerifyEmailAddress(f.elements['absender_mail'].value)) {
   alert("Bitte geben Sie eine g\u00FCltige E-Mail Adresse ein! \n(E-Mail-Adresse)");
   f.elements['absender_mail'].focus();
   return false;
  }
 }
 if (f.elements['absender_geburtstag'].value == '') {
  alert("Bitte alle Pflichtfelder ausf\u00FCllen! \n(Geburtstag)");
  f.elements['absender_geburtstag'].focus();
  return false;
 }
 if (f.elements['captcha_code_number_2'].value == '') {
  alert("Bitte alle Pflichtfelder ausf\u00FCllen! \n(Zum Schutz vor Spamattacken muss das Ergebnis der unten dargestellten Rechenaufgabe in das Eingabefeld eingetragen werden.)");
  f.elements['captcha_code_number_2'].focus();
  return false;
 }
 return true;
};
</script>
<!-- END Code DWFormgenerator Javascript -->
<!-- START Code DWFormgenerator -->
<form id="fx116828" name="dwmailer" action="https://www.dw-formmailer.de/cgi-bin/dwmailer/dwmailer.pl" enctype="multipart/form-data" method="post" onsubmit="return check_form(this);">
<input type="hidden" name="page_tv_2" value="&auml;&ouml;&uuml;" />
<input type="hidden" name="pflicht" value="absender_name,absender_stra&szlig;e,absender_plz,absender_Ort,absender_telefon,absender_handy,absender_geburtstag" />
<input type="hidden" name="csv" value="on" />
<input type="hidden" name="empfaenger_mail" value="aW1rZXJlaS5idWhsQGdteC5kZQ==" />
<input type="hidden" name="empfaenger_name" value="Skischule-Augsburg" />
<input type="hidden" name="betreff" value="Anmeldung Ski-/Snowboardkurs" />
<input type="hidden" name="language" value="de" />
<p style="display:none"><label for="absender_cx_name">CX Name</label><input type="text" name="absender_cx_name" id="absender_cx_name" size="20" value="" /></p>
<span id="page_top" style="display:inline;"></span>
<table class="table">
<tr>
<td colspan="2" class="head" width="100%" align="left"><span class="font-big">Buchungsformular</span></td>
</tr>
<tr>
<td colspan="2" class="main" width="100%"><span class="font-small">Bitte f&uuml;llen Sie alle mit * markierten Felder aus. (Pflichtfelder)</span></td>
</tr>
<tr>
<td colspan="2" class="main">&nbsp;</td>
</tr>
<tr>
<td class="main align col2">Name*</td>
<td class="main"><input class="input tis_width" type="text" id="f1" name="absender_name" size="40" /></td>
</tr>
<tr>
<td class="main align col2">Stra&szlig;e*</td>
<td class="main"><input class="input tis_width" type="text" id="f2" name="absender_stra&szlig;e" size="40" /></td>
</tr>
<tr>
<td class="main align col2">PLZ*</td>
<td class="main"><input class="input tis_width" type="text" id="f3" name="absender_plz" size="5" maxlength="100" /></td>
</tr>
<tr>
<td class="main align col2">Ort*</td>
<td class="main"><input class="input tis_width" type="text" id="f4" name="absender_Ort" size="40" /></td>
</tr>
<tr>
<td class="main align col2">Telefon*</td>
<td class="main"><input class="input tis_width" type="text" id="f5" name="absender_telefon" size="40" /></td>
</tr>
<tr>
<td class="main align col2">Handy*</td>
<td class="main"><input class="input tis_width" type="text" id="f6" name="absender_handy" size="40" /></td>
</tr>
<tr>
<td class="main align col2">E-Mail-Adresse*</td>
<td class="main"><input class="input tis_width" type="text" id="f7" name="absender_mail" size="40" /></td>
</tr>
<tr>
<td class="main align col2">Geburtstag*</td>
<td class="main"><div style="display:flex;width:100%;align-items:center;">
<a href="javascript:;" onclick="kalender2('absender_geburtstag',this)"><img style="vertical-align:middle;margin-right:3px;" border="0" src="https://www.dw-formmailer.de/images/date.png" width="32" height="32" title="Kalender" alt="Kalender" /></a>
<input class="input" type="text" id="absender_geburtstag_date" name="absender_geburtstag" size="12" maxlength="10"  placeholder="tt.mm.jjjj" /></div>
</td>
</tr>
<tr>
<td colspan="2" class="main">&nbsp;</td>
</tr>
<tr>
<td class="main align col2">Skikurs / Snowboard-Kurs ??</td>
<td class="main"><select onchange="setbtf(this.selectedIndex,10,3,'0-0|1-0|2-0|');" onkeyup="setbtf(this.selectedIndex,10,3,'0-0|1-0|2-0|');" class="select tis_width" id="f10" name="absender_ski_SB" style="width:200px;">
<option id="f10_1" value="Bitte w&auml;hlen">Bitte w&auml;hlen</option>
<option id="f10_2" value="Skikurs">Skikurs</option>
<option id="f10_3" value="Snowboard-Kurs">Snowboard-Kurs</option>
</select>
</td>
</tr>
<tr>
<td colspan="2" class="main">&nbsp;</td>
</tr>
<tr>
<td class="main align col2">Kurstermine</td>
<td class="main"><select onchange="setbtf(this.selectedIndex,12,4,'0-0|1-0|2-0|3-0|');" onkeyup="setbtf(this.selectedIndex,12,4,'0-0|1-0|2-0|3-0|');" class="select tis_width" id="f12" name="absender_Kurse" style="width:250px;">
<option id="f12_1" value="Bitte w&auml;hlen">Bitte w&auml;hlen</option>
<option id="f12_2" value="Weihnachtskurs 26./28./30.12.2022">Weihnachtskurs 26./28./30.12.2022</option>
<option id="f12_3" value="Neujahrskurs 02./04./06.01.2023">Neujahrskurs 02./04./06.01.2023</option>
<option id="f12_4" value="Wochenendkurs 11./12.02.2023">Wochenendkurs 11./12.02.2023</option>
</select>
</td>
</tr>
<tr>
<td colspan="2" class="main">&nbsp;</td>
</tr>
<tr>
<td class="main align col2">Skikurs Kinder</td>
<td class="main"><select onchange="setbtf(this.selectedIndex,14,6,'0-0|1-0|2-0|3-0|4-0|5-0|');" onkeyup="setbtf(this.selectedIndex,14,6,'0-0|1-0|2-0|3-0|4-0|5-0|');" class="select tis_width" id="f14" name="absender_Skikurse Kinder" style="width:200px;">
<option id="f14_1" value="Bitte w&auml;hlen">Bitte w&auml;hlen</option>
<option id="f14_2" value="K 1a Zwergerl">K 1a Zwergerl</option>
<option id="f14_3" value="K 1 Einsteiger">K 1 Einsteiger</option>
<option id="f14_4" value="K 2 Fortgeschrittene">K 2 Fortgeschrittene</option>
<option id="f14_5" value="K 3 K&ouml;nner">K 3 K&ouml;nner</option>
<option id="f14_6" value="K 4 Experte">K 4 Experte</option>
</select>
</td>
</tr>
<tr>
<td colspan="2" class="main">&nbsp;</td>
</tr>
<tr>
<td class="main align col2">Skikurs Jugend/Erwachsene</td>
<td class="main"><select onchange="setbtf(this.selectedIndex,16,5,'0-0|1-0|2-0|3-0|4-0|');" onkeyup="setbtf(this.selectedIndex,16,5,'0-0|1-0|2-0|3-0|4-0|');" class="select tis_width" id="f16" name="absender_Jugend_Erwachsene" style="width:200px;">
<option id="f16_1" value="Bitte w&auml;hlen">Bitte w&auml;hlen</option>
<option id="f16_2" value="E 1 Einsteiger">E 1 Einsteiger</option>
<option id="f16_3" value="E 2 Fortgeschrittener">E 2 Fortgeschrittener</option>
<option id="f16_4" value="E 3 K&ouml;nner">E 3 K&ouml;nner</option>
<option id="f16_5" value="E 4 Experte">E 4 Experte</option>
</select>
</td>
</tr>
<tr>
<td colspan="2" class="main">&nbsp;</td>
</tr>
<tr>
<td class="main align col2">Kurstage</td>
<td class="main"><select onchange="setbtf(this.selectedIndex,18,5,'0-0|1-0|2-0|3-0|4-0|');" onkeyup="setbtf(this.selectedIndex,18,5,'0-0|1-0|2-0|3-0|4-0|');" class="select tis_width" id="f18" name="absender_Bus" style="width:200px;">
<option id="f18_1" value="Bitte w&auml;hlen">Bitte w&auml;hlen</option>
<option id="f18_2" value="3 Tage mit Busfahrt">3 Tage mit Busfahrt</option>
<option id="f18_3" value="3 Tage ohne Busfahrt">3 Tage ohne Busfahrt</option>
<option id="f18_4" value="Schnuppertag mit Busfahrt">Schnuppertag mit Busfahrt</option>
<option id="f18_5" value="Schnuppertag ohne Busfahrt">Schnuppertag ohne Busfahrt</option>
</select>
</td>
</tr>
<tr>
<td colspan="2" class="main">&nbsp;</td>
</tr>
<tr>
<td class="main align col2">Zustieg</td>
<td class="main"><select onchange="setbtf(this.selectedIndex,20,4,'0-0|1-0|2-0|3-0|');" onkeyup="setbtf(this.selectedIndex,20,4,'0-0|1-0|2-0|3-0|');" class="select tis_width" id="f20" name="absender_zustieg" style="width:300px;">
<option id="f20_1" value="Bitte w&auml;hlen">Bitte w&auml;hlen</option>
<option id="f20_2" value="6.00 Uhr     Wertingen Hagebau">6.00 Uhr     Wertingen Hagebau</option>
<option id="f20_3" value="7.00 Uhr    Augsburg Messe, Universit&auml;tsstra&szlig;e">7.00 Uhr    Augsburg Messe, Universit&auml;tsstra&szlig;e</option>
<option id="f20_4" value="7.15 Uhr    Bobingen (Lidl/Netto Parkplatz)">7.15 Uhr    Bobingen (Lidl/Netto Parkplatz)</option>
</select>
</td>
</tr>
<tr>
<td colspan="2" class="main">&nbsp;</td>
</tr>
<tr>
<td class="main col2" align="right">&nbsp;</td>
<td class="main">Zum Schutz vor Spamattacken muss das Ergebnis der unten dargestellten Rechenaufgabe in das Eingabefeld eingetragen werden.<br /><img id="refresh_image_2" src="https://www.dw-formmailer.de/image.php?ds=111&bg=" width="110" border="0" alt="" align="top" style="margin-top:5px;" /><input class="input" type="text" id="captcha_code_number_2" name="captcha_code_number_2" size="5" maxlength="3" style="margin-top:5px;" />&nbsp;<a class="dwflink" href="javascript:void(0);" onclick="return reload_image_2();">Grafik neu laden</a></td>
</tr>
<tr>
<td class="main align col2">Bankverbindung:</td>
<td class="main"><select class="select tis_width" size="1" id="f23" name="absender_bank" style="width:600px;">
<option value="Reinhard Buhl, IBAN : DE 47 7209 0500 0000 7130 90, BIC  : GENODEF1S03, Sparda Bank Augsburg">Reinhard Buhl, IBAN : DE 47 7209 0500 0000 7130 90, BIC  : GENODEF1S03, Sparda Bank Augsburg</option></select>
</td>
</tr>
<tr><td class="foot" colspan="2" style="text-align:center !important;" width="100%"><input class="button_send" id="button_send" type="submit" value="Abschicken" style="margin-right:2%" /><input class="button" type="reset" value="Zur&uuml;cksetzen" /></td></tr>
</table>
</form>
<script type="text/javascript">var ds2="111";var bg2="";reload_init_2();</script>
<!-- END Code DWFormgenerator -->