You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

求助:如何创建可发邮件并跳转至thanks.html的联系表单?

别担心,我来帮你搞定这个联系表单!既然你熟悉HTML/CSS,那我们重点把PHP部分讲得明明白白,一步一步来。

第一步:完善你的HTML表单

先把你的HTML补全成一个完整的可提交联系表单,注意表单的action要指向我们后续写的PHP处理脚本,method用POST,同时包含必要的表单字段:

<h1 id="contact-us">联系我们</h1>
<form action="send-mail.php" method="POST">
  <div>
    <label for="name">姓名:</label>
    <input type="text" id="name" name="name" required>
  </div>
  <div>
    <label for="email">邮箱:</label>
    <input type="email" id="email" name="email" required>
  </div>
  <div>
    <label for="message">留言:</label>
    <textarea id="message" name="message" rows="5" required></textarea>
  </div>
  <button type="submit">提交</button>
</form>

小说明:required是HTML5自带的字段验证,确保用户必须填写;每个表单字段的name属性是PHP获取数据的关键,绝对不能省略。

第二步:编写PHP处理脚本(send-mail.php)

这是核心部分,我写了最基础、最容易理解的版本,没有复杂逻辑,先保证能跑通,之后你可以慢慢优化:

<?php
// 1. 获取表单提交的用户数据
$name = $_POST['name'];
$email = $_POST['email'];
$message = $_POST['message'];

// 2. 设置收件邮箱和邮件主题(替换成你自己的邮箱)
$to = "你的指定邮箱@example.com";
$subject = "来自联系表单的新消息";

// 3. 组装邮件内容,让收件时信息更清晰
$email_content = "姓名: $name\n";
$email_content .= "用户邮箱: $email\n\n";
$email_content .= "留言内容:\n$message";

// 4. 设置邮件头,确保你能回复给提交表单的用户
$headers = "From: $email\r\n";
$headers .= "Reply-To: $email\r\n";

// 5. 发送邮件
mail($to, $subject, $email_content, $headers);

// 6. 跳转到你的thanks.html页面
header("Location: thanks.html");
exit; // 跳转后一定要加这行,避免后续代码执行导致报错
?>
关键注意事项
  • 替换收件邮箱:一定要把$to变量里的示例邮箱改成你实际要接收消息的邮箱,比如"your-work@your-domain.com"。
  • 服务器要求:你的网站服务器必须支持PHP,并且开启了mail()函数(大多数虚拟主机默认都支持;如果是本地测试,可能需要配置XAMPP/WAMP的邮件服务)。
  • 跳转规则:header("Location: ...")这行代码之前,不能有任何输出(包括HTML空格、echo内容),否则会触发报错,所以这个PHP脚本里不要在header前面写任何HTML代码。
  • 后续优化:上面的代码没有做防垃圾邮件或复杂输入验证,如果你需要,可以后续添加简单的格式检查,或者引入验证码功能。
测试步骤
  1. 把你的HTML文件(比如命名为contact.html)、send-mail.php和thanks.html放在网站的同一个目录下。
  2. 访问contact.html,填写表单并提交。
  3. 检查你的收件邮箱,应该能收到用户提交的消息,同时页面会自动跳转到thanks.html。

如果遇到收不到邮件的问题,可以检查服务器的邮件日志,或者确认主机是否支持mail()函数。

内容的提问来源于stack exchange,提问作者Kasador

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.25 06:53:29