Если данный туториал не то, что Вы искали, у Вас все еще остались вопросы или предложения - дайте нам знать. Пожалуйста, помогите нам обслуживать Вас лучше!

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

Как создать контактную форму 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 сервера)

  • Ambrose Hampton

    By visiting your webpage, the first impression for me is strong. I can’t imagine when and why you share this great topic but don’t spread it with social bookmarking. This information can be published as reference in online journal, or even in press release site. An early improvement in your site is great, can give us more time in your website. Would you mind if I capture several screenshot as my collection, because I’ve joined several researches? General purpose for me is to tell you about this discussion. My critical question for us is the resource that you have used to manage this site. In order to make great discussion, you are great because you post new topic in several areas. But, I suggest in giving personal opinion, please refer to big or authority sites, I am sure you will be fine in giving past or future experiences. In my environment, I am sure your capability to enrich people can be strong advantage for your future.

    No votes yet.
    Please wait...
  • Amy Korkiakoski

    I tried to click on the link to download contact_asp.zip and the page came up with an error. Please let me know how I can download this file.

    Thank you

    No votes yet.
    Please wait...
    • Chris Diaz

      Sorry for the inconveniences. The download link is working fine now.

      No votes yet.
      Please wait...
  • royal wedding

    The catchy blog with the interesting posts. You give the nice information that many people don’t know before. most of your contents are make me have more knowledge. it is very different. I was impressed with your blog. Never be bored to visit your blog again. Have the nice day.Keep enjoyed your blogging.

    No votes yet.
    Please wait...
  • Skin Moisturizers

    Thanks for the great post on your blog, it really gives me an insight on this topic.

    No votes yet.
    Please wait...
  • Kitchen Rugs

    Your blog is one of a kind, i love the way you organize the topics.

    No votes yet.
    Please wait...
  • compact fluorescent lamp bases

    I always visit new blog everyday and i found your blog.

    No votes yet.
    Please wait...
  • candy apple red paint

    Hi, do you have a facebook fan page for your blog?*-..-

    No votes yet.
    Please wait...
  • Tyler

    Thank you, thank you, thank you! I was looking around what seems like ages for an ASP contact form that I could target for my new company website I built.

    This works like a charm! The tut would be very helpful too, but I already built the form container.

    No votes yet.
    Please wait...
  • Make Money From Forex

    I like this site so much, saved to bookmarks .

    No votes yet.
    Please wait...
  • szkolenia forex

    Thanks for everything, appreciate this Blog you have here.

    No votes yet.
    Please wait...
  • Grand Lotto Result 6/55

    Wow, you seem to be very knowledgable about this kind of topics

    No votes yet.
    Please wait...
  • Alex Ross

    Please check the link once again.

    No votes yet.
    Please wait...
  • Nagesh Reddy

    Great…I am working first time on the windows server….Thank you very much

    No votes yet.
    Please wait...
 
Начать чат