HTML mailto表单提交后邮件正文始终为空的技术咨询

我帮你排查了这个问题，核心原因是**method="get"和enctype="text/plain"的搭配冲突**！

当表单使用get方法时，所有表单数据都会被拼接到URL的查询参数里，而mailto协议对这种方式下的text/plain编码解析兼容性极差——大部分邮件客户端无法正确从URL参数里提取并格式化正文内容，最终就导致邮件正文为空。

两种可行的修复方案： #

方案1：将请求方法改为post（推荐）

把表单的method从get改成post，这样表单数据会被放在请求体中，mailto协议能正确识别text/plain编码的内容并填充到邮件正文里，格式也更整洁：

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
div { margin-bottom: 10px; }
</style>
</head>
<body>
<h2>Give Feedback to Our Website.</h2>
<!-- 修改method为post -->
<form action="mailto:info@w3docs.com" method="post" enctype="text/plain">
<div>
<label for="name">Name: <input type="text" name="name" id="name" />
</label>
</div>
<div>
<label for="email">Email: <input type="text" name="email" id="email" />
</label>
</div>
<div>
<label>Comments:</label>
<br />
<textarea name="comments" rows="12" cols="35">Send your comments to us.</textarea>
</div>
<div>
<input type="submit" name="submit" value="Send" />
<input type="reset" name="reset" value="Clear Form" />
</div>
</form>
</body>
</html>

方案2：保留get但移除enctype

如果一定要用get方法，可以删掉enctype="text/plain"，让表单使用默认的application/x-www-form-urlencoded编码。这种情况下，表单数据会以key=value的键值对形式出现在邮件正文里，虽然格式不如方案1美观，但能保证内容正常显示。

额外提醒： #

这种依赖用户本地邮件客户端的实现方式兼容性有限，不同浏览器、邮件客户端的表现可能不一致。如果是正式项目，更建议用后端语言（比如PHP、Node.js、Python）来处理表单提交，通过SMTP服务直接发送邮件，这样能完全控制邮件的内容、格式和发送逻辑，稳定性也更高。

内容的提问来源于stack exchange，提问作者Ireallyneedhelp