表单提交关键在name属性和submit绑定——无name字段后端收不到；button需type="submit"且在form内，form需action；input type决定校验、键盘等行为；checkbox/radio须设value；JS拦截需preventDefault。
表单不是“写完就能用”，关键在 name 属性和提交逻辑——没设 name 的字段，后端根本收不到。
为什么点提交没反应？检查 form 和 submit 的绑定关系
常见错误是把 写成 ，或者忘了给 加 action（哪怕只是 action="#" 用于前端调试）。浏览器默认只对 type="submit" 的按钮触发表单提交，且必须在 内部或通过 form 属性显式关联。
-
是必需的，否则点击提交会刷新当前页但不发请求 -
比更易控制样式，但两者行为一致 - 如果用 JS 监听
submit事件，记得event.preventDefault()，否则页面会跳转
input 类型选错，用户输错还不报错
type 不只是视觉区别，它决定键盘类型（移动端）、校验规则（如邮箱格式）、甚至能否被密码管理器识别。比如用 type="text" 写密码框，既不隐藏内容，也不触发系统密码建议。
-
type="email"：输入非邮箱格式时，checkValidity()返回false，且部分浏览器会高亮提示 -
type="number"：支持上下箭头，但值是字符串；想取数字要parseInt(input.value) -
type="password"：必须配name，否则后端拿不到——别为了“安全”删掉name
后端收不到数据？90% 是 name 属性漏写了或拼错了
HTML 表单提交本质是把 name=value 键值对拼成查询字符串（GET）或请求体（POST）。没有 name，这个字段就等于不存在。大小写、空格、特殊符号都会影响后端接收，比如 Python Flask 里 request.form.get("user_name") 对应的是 ，而不是 。
- 所有要提交的控件（
input、select、textarea）都必须有name -
checkbox和radio必须设value，否则提交的是on或空字符串 - 多个同名
checkbox（如name="hobby"）会提交为逗号分隔字符串，后端需按约定解析
最麻烦的其实是默认行为：表单会自动提交、页面刷新、清空输入。很多人卡在“JS 绑了 click 却没绑 submit”，或者以为加了 required 就万事大吉，结果发现 Safari 对 required 的触发时机和其他浏览器略有差异。动手前先确认你到底要原生提交，还是用 JS 拦截后走 fetch。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
