form的action和method必须配对使用才生效；单独写action或只设method不会触发提交，浏览器仅在点击submit按钮时读取二者并发起请求。
form 的 action 和 method 属性必须配对使用才生效
单独写 action 或只设 method 不会触发提交行为。浏览器只在用户点击 <input type="submit"> 或 <button type="submit"> 时，才读取这两个属性并发起请求。
常见错误是把 action 写成相对路径但没起本地服务（比如直接双击 HTML 文件打开），导致 404；或者误用 method="GET" 提交密码，参数暴露在地址栏里。
-
action值为空字符串（""）或"#"时，表单会提交到当前页面 URL，适合前端拦截处理 -
method="POST"是默认值，但显式写出更清晰；GET仅适合无敏感数据的查询场景 - 如果后端接口要求 JSON，
method仍是POST，但需用 JavaScript 阻止默认提交，改用fetch发送
input 的 type 和 name 决定数据能否被后端接收
后端靠 name 属性识别字段，不是 id 或 placeholder。哪怕 type="text" 写成 type="string" 这种非法值，浏览器也会降级为 text，但若漏掉 name，该字段压根不会发出去。
单选和多选尤其容易出错：多个 <input type="radio"> 必须共用同一个 name 值才能互斥；而 <input type="checkbox"> 若想提交数组，name 后要加 []（如 name="hobby[]"），否则后端只收到最后一个勾选项。
立即学习“前端免费学习笔记（深入）”；
-
type="email"、type="number"等 HTML5 类型只做基础校验，不阻止提交，不能替代 JS 或后端验证 -
value在type="checkbox"和type="radio"中必须显式设置，否则提交的是 "on" 而非预期值 - 密码框用
type="password"，别用type="text"加 CSS 掩码——这毫无安全性可言
label for 和 input id 的绑定影响可访问性与点击范围
没绑定的 <label> 只是普通文本，点它不会聚焦输入框；正确绑定后，点击文字等同点击输入框本身，对触屏和辅助设备至关重要。
绑定失效的典型情况：拼写错误（for="user-name" 但 id="username"）、ID 重复、或用了中文/空格作 ID（HTML 规范只允许字母、数字、下划线、短横线开头）。
-
for值必须严格等于对应input的id，大小写敏感 - 嵌套写法
<label>用户名<input type="text" name="username"></label>也能自动关联，但不利于复杂布局和样式控制 - 没有
id的input，label就无法通过for绑定，只能靠嵌套
placeholder 不是 value，且不参与表单提交
placeholder 是纯提示文案，用户开始输入就消失；value 是真实初始值，会随表单一起提交。混淆这两者会导致“输入框看着有内容，提交时却是空”的问题。
例如写成 <input type="text" placeholder="请输入邮箱">，用户没输任何内容就点提交，后端收到的就是空字符串，不是 "请输入邮箱"。
- 需要默认值时，必须用
value="xxx"，而不是placeholder -
placeholder文本颜色由浏览器默认控制，CSS 中用::placeholder伪元素修改，但兼容性要注意（IE 不支持） - 屏幕阅读器会朗读
placeholder，但它不是标签替代品，仍需配合<label>
name+type）、发给谁（action+method）、用户操作是否顺畅（label+placeholder）。其他视觉效果或验证逻辑，都是在这三根支柱上叠加的。 
