 Button zum Aufruf des Mail-Client 01
Das Formular-Element 'Button' mit hinterlegten Eigenschaften. Während in einem Formular üblicherweise der Sende-Button den Versand der Formulardaten per Email auslöst, wird hier lediglich der Email-Client aufgerufen.
|
|
Email-Client mit einem Button aufrufen (ohne Spiderschutz)
Mit einem Formular-Button kann das Email-Programm aufgerufen werden. Na ja, nur für den der's braucht. Nützlich allerdings, wenn man mehrere Kontaktmöglichkeiten anbieten möchte und die Buttons entsprechend beschriftet sind.
Vorgegeben sind
- Empfänger-Emailadresse
- Betreff / Subjekt
Der unten angezeigte Quellcode für den Button bietet keinerlei Schutz vor Robots (Email-Spider), die Emailadressen innerhalb von Webseiten suchen. Die Emailadresse ist im Klartext und zusammenhängend eingetragen!
Siehe dazu:  Email-Button mit Minimalschutz
<a href="mailto:email@xxx.de">email schreiben</a>
<form>
<input type="button" value=" Email schreiben "
onClick="parent.location='mailto:mail@provider.net?subject=Betreff hier'">
</form>
<form>
<input type="button" value=" Fehler melden "
onClick="parent.location='mailto:webmaster@provider.net?subject=Fehler melden'">
</form>
Button mit CSS formatieren
 Mit CSS-Angaben können Sie das sonst vom Browser bestimte Erscheinungsbild des Buttons selbst bestimmen. Ein Formular-Button, der nicht gleich als solcher zu erkennen ist:
Üblicher Formular-Button
|
CSS-formatierter Formular-Button
|
<form>
<input class="button03" type="button" value="Webmasterkontakt"
onClick="parent.location='mailto:mail@provider.net?subject=Webmasterkontakt'">
</form>
CSS-Anweisungen für die Formatierung:
<style type="text/css">
<!--
.button03 {
cursor: hand;
font-size:12px;
border: 1px solid #000000;
background-color: #0090E0;
color:#FFFFFF;
padding:2px;
width:150px;
line-height:14px;
text-align:center;
}
-->
</style>
Die Verbindung zur CSS-Klasse im Input-Tag funktioniert über:
<input class="button03" ...
| 
Home • Formulare • Email • Email-Button 01