Как создать контактную форму ASP в HTML?

Давайте узнаем это на примере. Скажем одна из ваших страниц имеет такой код:

<form id="form" action="" enctype="multipart/form-data">
<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"  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>

Макет контактной формы может выглядеть так:

Ваш сервре должен иметь скрипт, который будет генерировать и отправлять сообщения на определенный адрес электронной почты. Скачать образец contact.asp вы можете здесь .
Наша форма HTML две метки: открытие и закрытие тэги <form> </ form >. В форме для передачи данных нашей contact.asp нужно указать пять атрибутов в этот тег:

«Id» атрибут является стандартным для всех видов;
— «Method» атрибут определяет, какой метод используется для рассылки писем контактную форму;
— «Target» атрибут указывает, как послание, которое говорит нам, что письмо было отправлено будут появляться;
— «Action» атрибут говорит нам, что мы используем «contact.asp» файл, как скрипт для отправки писем;
— «Name» атрибут значение, которое используется в contact.asp файл.

Формы с которыми мы работаем, имеет два поля ввода текста и одно текстовое области. Первоначальную форму контакта уже два из них: name=»name», name=»mail», то вам также потребуется установить третью значение имя в текстовое поле сообщение — name=»message». В результате <form> сценарий должен выглядеть следующим образом:

<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>

Где, вы можете увидеть код для кнопки сброса:

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

И код для кнопок Подтвердить и Отправить:

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

Теперь давайте возьмем один из шаблонов, которые не использует CSS таблицы. Здесь по умолчанию код контактной формы будет таким:

<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>

Вы должны вставить те же значения, как в приведенном в примере выше, в результате код должен выглядеть так:

<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>

Теперь давайте взглянем на файл contact.asp, что мы должны изменить здесь. Откройте его в PHP редакторе и найдите следующие строки:

‘—- Настройки ————
Subj = «Contact form from your site» — (здесь вы можете изменить заголовок сообщения, которые вы получите в письме от гостя)
mail_from = «admin@tsie.loc» — (здесь нужно вставить адрес веб-почты)
mail_to = «andy@template-help.com» — (здесь нужно вставить собственный адрес электронной почты)
smtp_server = » localhost » — (здесь нужно вставить имя SMTP сервера)
smtp_port = 25 — (здесь нужно вставить порт вашего SMTP сервера)