Wie erstellt man einen ASP Kontaktfolmular im HTML

Auf Ihrem Server sollen Sie einen Script haben, der E-Mails generiert und sie an eine bestimmte E-Mail-Adresse sendet. Als Beispiel von das contact.asp script you can download here. Der ASP-Script kommt auf den mehreren Windows-basierten Hosting Servers zum Einsatz. Unsere HTML-Folmular hat zweiTags: opening <form> (offnen) und closing </form> (schlie?en) . Fur den Formular, um Daten zu unserem contact.asp weiterzugeben, mussen wir funf Attribute innerhalb dieses Tags angeben:

<form id="form" method="post"  target="_blank" action="contact.asp" name="form" >

– Das “Id” Attribut ist ein Standard fur alle Formularen; – Das “Method” Attribut gibt an, was fur Methode benutzt man um eine Kontaktformular-Mail zu schicken; – Das “Target” Attribut gibt an, wie erscheint die Nachricht, die sagt, dass das Mail geschickt; – Das “Action” Attribut sagt uns, dass wir die Datei ” contact.asp” als einen Script fur Mailsendung benutzen; – Das “Name”Attribute ist ein Wert (Value), die man in der contact.asp Datei benutzt. Das bearbeite Formular hat zwei Texteingabefelder und ein Textfeld. Das originale Kontaktformular hat schon die zwei: name=”name”, name=”mail”, Sie brauchen nur den dritte name value (Name Wert) in den Meldetextfeld einzustellen– name=”message”. Der endliche <form> Formularskript muss so aussehen:

<form id="form" method="post"  target="_blank" action="contact.asp" name="form" >
<div class="inp_h">
<input class="inp_2" type="text"  name="name" value="Name:"  onfocus="this.value=''" />
</div>
<div class="inp_h">
<input class="inp_2" type="text"  name="mail" value="E-mail:"  onfocus="this.value=''" />
</div>
<div><textarea class="inp_3" rows="30" cols="40" name="message" onfocus="this.value=''">Message:</textarea></div>
<div style="padding:12px 0 0 0;">
<a href="#" onclick="document.getElementById('form').reset()">
	<img src="images/clear.jpg" style="border:0px none;" alt="" />
</a><img src="images/spacer.gif" alt="" width="6" height="1" />
<a href="#" onclick="document.getElementById('form').submit()">
	<img src="images/send.jpg" style="border:0px none;" alt="" />
</a><br />                                                                
</div>
</form>

wo Sie den Code fur den Button Reset:

<a href="#" onclick="document.getElementById('form').reset()"><img src="images/clear.jpg" style="border:0px none;" alt="" /></a>

Und den code fur den Submit or Send Button sehen konnen:

<a href="#" onclick="document.getElementById('form').submit()"><img src="images/send.jpg" style="border:0px none;" alt="" /></a>

Jetzt nehmen wir ein Template, das keinen CSS Struktur hat, und Tabellen benutzt. Hier ist der Default Code aus den Kontaktformular:

<form action="" id="form1" style="margin:0; padding:0 ">
<table style="height:213px">
<tr>
<td style="width:239px; padding-left:29px">
<input type="text" class="input3" value="  Your Name:" /><br />
<input type="text" class="input3" value="  Your Fax:" /><br />
<input type="text" class="input3" value="  Your Phone:" /><br />
<input type="text" class="input3" value="  Your E-mail:" />
</td>
<td style="width:259px">
<textarea name="textarea" style="margin:0 0 11px 0px" cols="35" rows="35">&nbsp; Your Message:</textarea><br />
<a href="#" onclick="document.getElementById('form1').reset()" class="more_2" style="margin:0 16px 0 107px">clear</a>
<a href="#" onclick="document.getElementById('form1').reset()" class="more_2">send</a><br />
</td>
</tr>
</table>
</form>

Sie mussen die gleichen Werte (Values) so wie im Beispiel einfugen. Lassen wir uns sehen, wie sieht der Ergebnis-Code aus:

<form id="form" method="post"  target="_blank" action="contact.asp" name="form">
<table style="height:213px">
<tr>
<td style="width:239px; padding-left:29px">
<input type="text" name="name" class="input3" value="  Your Name:" /><br />
<input type="text" name="fax" class="input3" value="  Your Fax:" /><br />
<input type="text" name="phone" class="input3" value="  Your Phone:" /><br />
<input type="text" name="mail" class="input3" value="  Your E-mail:" />
</td>
<td style="width:259px">
<textarea name="message" style="margin:0 0 11px 0px" cols="35" rows="35">&nbsp; Your Message:</textarea><br />
<a href="#" onclick="document.getElementById('form').reset()" class="more_2" style="margin:0 16px 0 107px">clear</a>
<a href="#" onclick="document.getElementById('form').reset()" class="more_2">send</a><br />
</td>
</tr>
</table>
</form>

Und jetzt gucken wir mal auf die Datei contact.asp und machen hier die notigen Anderungen. Offnen Sie sie mithilfe ihres PHP-Editor und finden das folgendes: ‘—-Settings———– subj = “Contact form from your site” – (hier andern Sie den Header der Nachricht, der Sie im Mail des Gasts bekommen wollen) mail_from = “admin@tsie.loc” – (schreiben Sie hier die Mailaddresse Ihrer Website) mail_to = “andy@template-help.com” – (schreiben Sie hier Ihre selbene E-Mail-Addresse) smtp_server = “localhost” – (schreiben Sie hier SMTP Servername Ihres Servers) smtp_port = 25 – (schreiben Sie hier SMTP Port Ihres Servers) Falls Sie diese Einstellungen nicht wissen, kontaktieren mit Ihren Hosting Provider um die detailierte Information zu bekommen.