html无法实现“忘记密码”功能，它仅负责提交用户邮箱，真正的验证、令牌生成、邮件发送和链接校验均由后端完成；前端可优化输入校验、防重复提交和提示文案，但所有安全逻辑必须由后端强制执行。

HTML 本身不能实现“忘记密码”功能——它只是静态页面结构，没有验证、数据库交互或邮件发送能力。真正起作用的是后端逻辑（如 PHP、Node.js、Python）和数据库配合，HTML 只负责把用户输入的邮箱或用户名提交过去。

为什么单独写个 forget-password.html 没用

纯 HTML 页面无法：

• 连接数据库查用户是否存在
• 生成并存储重置令牌（reset_token）
• 调用 SMTP 发送带链接的邮件
• 验证用户点击的重置链接是否有效、未过期

如果你只放一个 forget-password.html 在服务器上，用户填完邮箱点提交，浏览器会报错 405 Method Not Allowed 或直接跳转失败——因为没后端接口接收表单。

form 的 action 必须指向真实后端接口

前端页面里这个表单必须明确告诉浏览器：“把数据发给谁处理”。常见错误是写成：

html-deploy

使用 htmlcode.fun 将 HTML 内容或文件部署到网页，适用于用户要求“部署到网页”“托管此 HTML”“生成此前端...的实时链接”等场景。

下载

但实际部署时，reset.php 要存在、可执行、有数据库连接、有防刷机制。更稳妥写法是：

• 用绝对路径避免相对路径混乱：action="/api/v1/forgot-password"
• 指定方法为 POST：method="POST"
• 加 autocomplete="off" 防止浏览器填充旧密码字段
• 关键字段命名别自创，比如邮箱统一用 name="email"，后端才好取值

前端要防的不是“黑客”，而是“误操作”和“体验断点”

用户输错邮箱、网络卡住、没收到邮件……这些比攻击更常发生。所以 HTML 层能做的实际优化有：

• 用 type="email" 触发浏览器基础校验，减少明显格式错误
• 提交按钮加 disabled 状态 + 加载文字，防止重复点击（需配合 JS）
• 输入框旁加小字提示：“请输入注册时使用的邮箱”，降低客服咨询量
• 链接到登录页的返回按钮别用 <a href="login.html"></a>，而用 <a href="javascript:history.back()"></a>，避免因路径问题 404

注意：JS 行为不要替代后端校验，仅作体验增强；所有邮箱合法性、账号存在性、频率限制，必须由后端完成。

最容易被忽略的一点：重置链接里的 token 参数必须是一次性、有时效（建议 15–30 分钟）、且绑定用户 ID 和 IP（可选），否则别人截获链接就能直接重置密码。这个逻辑 HTML 做不了，但你在写页面时就得预留好参数接收位置，比如 URL 格式定为 /reset.html?token=abc123，然后让 JS 读取并传给后续表单接口。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！