HTML表单无法真正直接发邮件，mailto:仅唤起本地客户端且不可控；可靠方案须经后端接口（如Node.js+nodemailer）调用SMTP或邮件服务API发送，并需配置SPF/DKIM防进垃圾箱。
HTML表单本身不能直接发邮件
浏览器出于安全限制，<form> 的 action 属性不支持 mailto: 协议实现可靠提交——它会唤起本地邮件客户端，用户可随意修改收件人、主题、内容，甚至取消发送；且在无默认邮件客户端的环境（如 Chromebook、某些 iOS WebView）直接失败。这不是“能用”，而是“看似能用，实际不可控”。
必须通过后端服务中转
真正可行的路径是：HTML 表单提交到你自己的服务器端接口（如 /api/submit-contact），由该接口调用 SMTP 或邮件服务商 API 发送邮件到目标邮箱。常见组合有：
- 前端：
<form method="POST" action="/api/submit-contact">，带name字段（如name、email、message） - 后端（Node.js 示例）：用
nodemailer连接 Gmail 或 Outlook SMTP，或接入SendGrid、Mailgun等 API - 关键校验必须在后端做：检查
email格式、过滤空内容、加简单防刷（如隐藏字段 + 时间戳）
跳过后端直接“前端发邮件”等于把你的邮箱暴露给爬虫，很快收到垃圾信轰炸。
如果只是临时测试，mailto: 能做什么
它只适合纯静态页面演示或内网离线场景，且行为完全不可控。若仍要试，写法是：
立即学习“前端免费学习笔记（深入）”；
<form action="mailto:contact@example.com" method="post" enctype="text/plain"> <input type="text" name="name" placeholder="姓名"> <input type="email" name="email" placeholder="邮箱"> <textarea name="message"></textarea> <button type="submit">发送</button> </form>
注意：enctype="text/plain" 是唯一能大致保留换行的选项；但所有字段名会变成明文拼在邮件正文里，无法控制 HTML 格式，也无法添加附件或抄送。Gmail 等 Web 邮箱通常忽略 mailto: 中的 cc、subject 参数（尤其在移动端）。
别忽略 SPF/DKIM 和反垃圾配置
即使后端发信成功，邮件进收件箱还是垃圾箱，取决于发信域名的认证配置。比如用 yourdomain.com 发信，但 DNS 缺少 SPF 记录，Gmail 很可能直接拒收或标为垃圾邮件。必须确认：
- 发信域名的 DNS 已配置
SPF（如v=spf1 include:_spf.sendgrid.net ~all） - 使用正规邮件服务（SendGrid/Mailgun）并完成域名验证
- 避免用免费邮箱（如
xxx@gmail.com）作为发件人地址——多数 SMTP 服务禁止伪造发件人，且易被拦截
没配好 SPF，哪怕代码一行不改，用户也收不到邮件。这个环节比写表单逻辑容易被跳过，但恰恰决定功能是否真实可用。
