E-Mail Formular - Website X5 Hilfe - Die Helpsite

Logo Schriftzug
Logo WSX5
Newsletter anmelden
Scan QR or Download Android App
Direkt zum Seiteninhalt

E-Mail Formular

Scripte > Form-Mailer

Ein einfaches alternatives HTML E-Mail Formular

Dieses HTML-Script wurde absichtlich sehr einfach gehalten und versendet eine E-Mail über den Parameter "sendto" mit dem installierten Standard E-Mail-Programm des Betriebssytems. Es ist besonders geeignet für Webserver die keine Scriptsprache PHP auswerten können, aber auch für Anfänger in der Webprogrammierung.
Die Formularfelder mit deren Bezeichnungen können im HTML-Code, alle Style-Anpassungen/-Änderungen wie der Formularhintergrund, die Schriftfarbe und -größe sowie alle Objektabstände können in der CSS-Datei im Obj-Verzeichnis den Bedürfnissen angepasst und erweitert werden.
Der E-Mail-Versand erfolgt ausschließlich nur über das jeweilig installierte installierte E-Mail-Programm des Rechners.
ZIP-Datei in ein beliebiges Verzeichnis auf dem PC entpacken und das Verzeichnis "wsX5Obj" auf den Webserver in das Root-Verzeichnis kopieren. HEAD-Code in den HEAD-Bereich <head>.....</head> und HTML-Code in den BODY-Bereich <body>.....</body> der aufrufende Datei einfügen.
Eine demo.html ist beigefügt, die zum Test in das Root-Verzeichnis des Webservers kopiert oder auch durch einen Doppelklick ausgeführt werden kann.
Aufruf: "http://www.domain.tld/demo.html"
Auf einen Spamschutz wurde der Einfachheit halber hier verzichtet, da ein Spamschutz wiederum in PHP geschrieben wird und hier wie oben genannt das Skript für Server ohne PHP-Auswertung gedacht ist.
Download Button
x runter geladen!
Hier kannst Du eine Nachricht hinterlassen:
Vorname:
Nachname:
Straße:
PLZ:
Wohnort:
E-Mail-Adresse:
Homepage:
Deine Nachricht:
Code für den <HEAD> Bereich
<link rel="stylesheet" type="text/css" href="wsX5Obj/Obj58_0/form_style.css" />
Code für den <BODY> Bereich
<!-- mailto: Deine E-Mail-Adresse eintragen; subject= E-Mail-Kurztext eintragen -->
<form action="mailto:name@domain.tld?subject=E-Mail-Anfrage" method="post" enctype="text/plain">
<table class="Obj58_table">
<tr>
<td></td>
<td class="Obj58_text">Hier kannst Du eine Nachricht hinterlassen:</td>
</tr>
<tr>
<td class="Obj58_input">Vorname:</td>
<td><input class="Obj58_field" type="text" name="Vorname" size="40"></td>
</tr>
<tr>
<td class="Obj58_input">Nachname:</td>
<td><input class="Obj58_field" type="text" name="Nachname" size="40"></td>
</tr>
<tr>
<td class="Obj58_input">Straße:</td>
<td><input class="Obj58_field" type="text" name="Strasse" size="40"></td>
</tr>
<tr>
<td class="Obj58_input">PLZ:</td>
<td><input class="Obj58_field" type="text" name="PLZ" size="15"></td>
</tr>
<tr>
<td class="Obj58_input">Wohnort:</td>
<td><input class="Obj58_field" type="text" name="Ort" size="40"></td>
</tr>
<tr>
<td class="Obj58_input">E-Mail-Adresse:</td>
<td><input class="Obj58_field" type="text" name="E-Mail-Adresse" size="40"></td>
</tr>
<tr>
<td class="Obj58_input">Homepage:</td>
<td><input class="Obj58_field" type="text" name="Homepage" size="40"></td>
</tr>
<tr>
<td class="Obj58_input">Deine Nachricht:</td>
<td><textarea class="Obj58_field" name="Nachricht" Cols="60" Rows="5"></textarea></td>
</tr>
<tr>
<td></td>
<td><button class="Obj58_submit" type="submit">abschicken</button>    
<button class="Obj58_submit" type="reset">Einträge löschen</button></td>
</tr>
</table>
</form>
Code Datei "form_style.css"
.Obj58_text { font-family: tahoma; font-size: 12px; font-weight: bold; color: #000; padding-top: 15px; }
.Obj58_field { border-color: #000; color: #000; margin: 1px; }
.Obj58_input { font-family: tahoma; font-size: 12px; font-weight: normal; color: #000; }
.Obj58_table {
width: 650px;
height: 350px;
text-align: left;
font-family: tahoma;
color: #000;
font-size: 12px;
text-indent: 15px;
border: 1px solid #000;
background-color: #ECF4FC;
line-height: 150%;
}
.Obj58_submit {
font-family: tahoma;
color: #000;
font-size: 12px;
font-weight: bold;
background-color: #CAE4FC;
border: 1px solid #000;
text-indent: 0px;
margin-top: 5px;
margin-bottom: 15px;
margin-right: 50px;
padding: 4px;
border-radius: 7px;
}
Feedbacks zu ""
Kein Kommentar
Vielen Dank für Dein Feedback.
HTML5
Button Spenden

© 2009 - 2019





Besucher Statistik
» 1 Online
» 42 Heute
» 158 Gestern
» 200 Woche
» 3809 Monat
» 127179 Jahr
» 454935 Gesamt
Record: 2382 (29.03.2019)
Gesamt Downloads:
Zurück zum Seiteninhalt