我正在学习HTML和CSS,但我无法弄清楚联系表单是如何工作的?



我正在学习HTML和CSS,但我不知道联系人表单是如何工作的?这里的电子邮件地址在哪里?它需要一个php文件还是?

<section class="signup-section" id="signup">
<div class="container">
<div class="row">
<div class="col-md-10 col-lg-8 mx-auto text-center">
<div><span class="wave bigemoji">&#128231</span></div>
<div class="contactform text-uppercase heading1">Contact</div>
<div class="formcontainer">
<form id="form" method="POST" action="action.php" class="topBefore" onsubmit="submitForm(); return false;"> <!-- allows function submitForm to run when it is being submitted-->
<input id="n" class="formelements" type="text" placeholder="NAME" required>
<input id="e" class="formelements" type="email" placeholder="E-MAIL" required>
<textarea id="m" class="formelements" type="text" placeholder="WRITE YOUR MESSAGE HERE" oninput='this.style.height = "";this.style.height = this.scrollHeight + "px"' required></textarea>
<input id="submit" class="btn" type="submit" value="SEND">
<div id="status"></div>
</form>
</div>
</div>
</div>
</div>
</section>

如果你只是一个初学者,并没有让你的网站成为一个企业,而是只是你的个人网站,你可以使用预先构建的表单服务,如:

Formspread:https://formspree.io/

或FormSubmit:https://formsubmit.co/

对于Formspread,首先注册一个帐户,一旦完成,点击";"新形式";按钮,并创建一个表单(您需要验证您的帐户才能这样做(,然后简单地填写其余部分并单击";创建窗体"从那里,您只需复制提供的表单代码,并使用CSS进行自定义(如果您愿意的话(。对于FormSubmit,只需复制";示例表格/联系表格";文本并将其粘贴到编辑器中,然后使用CSS进行自定义。你可以使用它的文档(https://formsubmit.co/documentation)为您的表单添加附加功能。

最新更新