纯HTML表单无法真正接收留言，仅负责收集与提交，必须依赖后端或第三方服务（如Formspree）才能实现留言接收；mailto:方案仅触发本地邮件客户端，适用简单场景。
直接说结论：纯 HTML 表单无法真正“接收”留言，它只负责收集和提交，后端或第三方服务才是关键。
为什么 <form> 提交后页面刷新或 405 错误
很多人写完 <form> 发现点提交没反应、跳空白页、或报 405 Method Not Allowed —— 这不是你 HTML 写错了，而是浏览器默认把数据发给 action 指定的 URL，而那个地址如果没配接收逻辑（比如 PHP/Node.js 接口），服务器就会拒绝。
-
method="GET"会把数据拼在 URL 后，适合调试，但有长度限制且不安全 -
method="POST"更常用，但必须后端支持 POST 路由，否则 405 是必然结果 -
action=""或action="."并不等于“本地处理”，它只是提交给当前页面，而静态 HTML 页面根本不处理 POST
用 mailto: 快速实现“伪提交”（仅限简单场景）
如果你只是想让访客点提交后自动打开本地邮件客户端（比如 Outlook、Mail.app），可以用 mailto: 协议，绕过服务器依赖：
<form action="mailto:contact@example.com" method="post" enctype="text/plain"> <input type="text" name="name" placeholder="姓名" required> <input type="email" name="email" placeholder="邮箱" required> <textarea name="message" placeholder="留言" required></textarea> <button type="submit">发送</button> </form>
注意：enctype="text/plain" 能让换行和空格更可读；但收件人字段不能动态填写，主题需用 ?subject=xxx 拼接（如 mailto:…?subject=网站留言）；Gmail 等网页邮箱可能不触发。
立即学习“前端免费学习笔记（深入）”；
真正可用的轻量方案：接入 Formspree 或 Static Forms
想让表单实际收消息又不想写后端？推荐 Formspree（免费版够个人用）。只需三步：
- 把
form的action换成你的 Formspree 地址，比如https://formspree.io/f/your-unique-id（注册后获取） - 确保至少一个
<input name="email">字段，它用来验证并通知你 - 加一个隐藏字段
<input type="hidden" name="_next" value="thank-you.html">控制提交后跳转页
Formspree 会发邮件通知，并在后台存记录。注意：免费版有发送频率限制，且 name 值不能含空格或特殊符号（比如 user email 要改成 user_email），否则字段丢失。
别忽略的细节：必填校验、语义化与无障碍
光能提交不够，用户输错或漏填时得有反馈：
- 所有必填字段加
required属性，浏览器会自动提示（但样式简陋） -
<label for="msg">留言</label><textarea id="msg" name="message"></textarea>这种显式关联，对屏幕阅读器和点击体验都重要 - 避免只用
placeholder当标签，它在输入后消失，不符合 WCAG 标准 - 移动端记得加
textarea的rows和cols，或用 CSS 控制最小高度，否则默认太矮
表单看似简单，但“能提交”和“能稳定收留言”之间隔着一个后端或可信服务。自己搭接口要防 CSRF、XSS、垃圾提交；用第三方则要核对隐私条款和留存策略——这点常被跳过，直到某天发现留言进了对方数据库。
