直接用<input type="password">即可隐藏输入内容，但提交失败主因是缺失name属性、autocomplete配置错误（如误用off）及表单method未设为POST。
直接用 <input type="password"> 就能创建密码框，但光这样会丢数据、被浏览器乱填、提交失败——核心问题不在“怎么写”，而在 name、autocomplete 和表单配置这三处。
为什么提交后后端收不到 password 字段？
最常见原因是漏了 name 属性。浏览器只把带 name 的字段打包进 POST/GET 请求，id 或 class 都不参与传输。
-
name必须存在，且值要和后端约定一致（比如 PHP 用$_POST['password']，那 name 就得是"password"） - 只写
<input type="password" id="pwd">→ 后端永远收不到该字段 - 推荐同时设
id，方便<label for="pwd">关联，提升可访问性和点击体验
autocomplete="off" 还管用吗？
不管用，而且可能起反作用。Chrome 86+、Firefox 79+、Safari 都会忽略甚至强制覆盖 autocomplete="off"，有些还会在控制台报警告。
- 登录页用
autocomplete="current-password"：让密码管理器安全填充已保存的账号密码 - 注册或改密页用
autocomplete="new-password"：明确告诉浏览器这是新密码，避免复用旧建议 - 绝对不要写
autocomplete="false"或autocomplete="no"—— 浏览器根本不识别
pattern、minlength 等前端校验能防弱口令吗？
不能。它们只提供即时反馈，用户禁用 JS、绕过表单、直接发 POST 请求就能完全跳过。
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
立即学习“前端免费学习笔记（深入）”；
-
minlength="8"和pattern="(?=.*\d)(?=.*[A-Z]).{8,}"可以提示用户，但必须搭配后端校验 -
title属性要写，否则浏览器默认提示是英文（如 “Please match the requested format”） - 移动端注意加
inputmode="text"，否则 iOS/Android 可能弹出数字键盘，输不了大小写字母
表单本身容易被忽略的关键配置
密码框只是表单里一个字段，整个表单结构错了，密码框再标准也没法发出去。
- 外层
<form>必须有method="POST"，否则密码会拼在 URL 里（GET 请求） -
action要指向真实接口地址，比如action="/api/login"，空着或写错路径会导致 404 或提交到当前页 - 别信“前端加密更安全”的说法：JS 加密密钥暴露在源码里，等同于没加密；HTTPS + 后端哈希（bcrypt/Argon2）才是正解
真正卡住人的从来不是 type="password" 这一行代码，而是 name 没写、autocomplete 乱设、表单 method 写成 GET、或者压根忘了加 form 标签闭合——这些地方一错，密码框就只是个好看但没用的装饰。
