如何使我的联系表格工作?

时间:2016-11-30 16:33:46

标签: javascript html css contact-form

我是网页设计的初学者,我使用html,css和一点点javascript制作了我的第一个网站。我有一个小的联系表格,我想知道是否有可能在不使用PHP,bootstrap等的情况下使其工作。 这是我的HTML代码:

 <div class="form">
 <p>some text goes here<br>
 <br>some text here</p>
 <form action="#" method="post">
 <label for="form-name">Your name:</label> <input type="text" name="name" id="form-name" /><br>
 <label for="form-city">Your email:</label> <input type="text" name="city" id="form-city" /><br>
 <label for="form-story">Your message:</label><br />
 <textarea name="story" rows="5" cols="60" maxlenght="300" id="story> </textarea><br>
 <input type="submit" value="Send" />
 </form>
 </div>

此外,我认为我在&#34;您的电子邮件中犯了一个错误:&#34;部分,所以如果你也可以帮助我,我会感激不尽。 那么,任何人都可以告诉我,在我的网站上线后,我需要使用哪些代码才能发送电子邮件给我发送电子邮件?

2 个答案:

答案 0 :(得分:0)

为此,您需要使用PHP等服务器端语言来处理表单。

答案 1 :(得分:0)

HTML <form>元素无法自动运行。它们就像一张纸。对于本文来说,您需要邮寄它,即通过服务器端脚本。这通常是用PHP完成的。表单通过actionmethod属性将用户输入的数据传递给PHP脚本:

<form action="page.php" method="post">

在这种情况下,使用page.php方法将信息发送到POST页面。通常使用两种类型的方法:GETPOSTGET通过网址(http://www.example.com/page.php?field1=someAnswer&field2=anotherAnswer)发送信息,而POST通过服务器将其作为$_SESSION数组发送。可以通过$_SESSION['field1']检索这些单个值。对于您的联系表单,请查看PHP的mail函数here