表单必须用包裹且包含method和action属性；method应设为post以保护敏感数据，action需指定接收接口路径如"/api/register"；input类型须按语义选用email、password、tel等，并配合required和唯一name属性确保数据正确提交。
表单必须用 <form></form> 包裹，且 method 和 action 不能少
浏览器提交数据靠的是 <form></form> 的语义和行为，光写一堆 <input> 没用。不设 method="post"，默认是 GET，密码、邮箱等敏感字段会暴露在 URL 里；不填 action，点击提交后页面可能刷新但什么都没发生——因为没指定接收地址。
实操建议：
-
method选post（注册涉及敏感数据，且要发到后端处理） -
action先填一个占位路径，比如"/api/register"，方便后续对接接口 - 加上
novalidate属性可暂时禁用浏览器原生校验（便于手动控制提示逻辑）
input 类型要按字段语义选，别全用 text
用错 type 不仅影响体验，还可能绕过手机键盘优化或浏览器自动填充。比如邮箱输成 type="text"，iOS 不会弹出 @ 符号快捷键；密码用 text 会明文显示。
常见字段对应关系：
立即学习“前端免费学习笔记（深入）”；
Convert Markdown To HTML And PDF - Markdown和HTML、PDF互转
下载
实现 Markdown↔ HTML 互转，支持导出 PDF，用于用户请求的文档格式转换。
- 用户名：
type="text"或type="username"（后者兼容性稍差但语义更准） - 邮箱：
type="email"（触发基础格式校验，移动端调起邮箱键盘） - 密码：
type="password"（隐藏输入内容） - 确认密码：
type="password"，别用type="text"试探用户输入 - 手机号：
type="tel"（唤起数字键盘，注意它不校验格式）
必填项得靠 required + name，否则后端收不到
浏览器只把带 name 属性的控件值打包进提交数据。id 或 class 再漂亮，没 name 就等于没交卷。而 required 是最轻量的前端拦截——用户点提交时，空字段会自动聚焦并提示“请填写此字段”。
容易踩的坑：
-
<input name="password">和<input name="confirm_password">名字必须不同，否则后端只能收到一个值 - 复选框（如“同意协议”）要加
required，还得配合type="checkbox"和明确的value（比如value="agree"） - 不要依赖 placeholder 当标签，它不参与可访问性，屏幕阅读器通常忽略
提交按钮别只写 <button></button>，得明确 type="submit"
放在 <form></form> 里的 <button></button> 默认是 type="submit"，但显式声明更安全。如果漏写，或者误写成 type="button"，点击后啥也不会发生——既不提交，也不报错。
补充建议：
- 按钮文字别用“确定”，用“注册”或“创建账户”，明确行为意图
- 加
disabled状态防重复点击（需配合 JS 控制，例如提交中置灰） - 避免用
<input type="image">或背景图按钮替代语义化按钮，对键盘导航和读屏不友好
name 的命名一致性、type 的语义准确性，以及提交那一刻数据到底有没有按预期打包出去——这些地方一错，后端永远收不到注册请求。 
