form标签不必须设method和action，但不设会触发浏览器默认GET提交并跳转当前URL，易致刷新丢数据或404；method须小写get/post，action为空字符串""表示提交给当前页。
form 标签必须设 method 和 action 吗？
不必须，但不设会触发浏览器默认行为：GET 提交、跳转到当前 URL，极大概率导致页面刷新丢数据或 404。很多新手填了 input 却点不动，其实是漏了 form 的 action（后端没接入口）或 method 写错成 Method（大小写敏感，HTML 中必须小写）。
实操建议：
立即学习“前端免费学习笔记（深入）”；
-
method只接受get或post（全小写），别写POST或Get -
action为空字符串""表示提交给当前页面，适合前端拦截（如用event.preventDefault()） - 纯前端表单（如搜索框）可只用
get，参数进 URL；含密码、文件、长文本，必须用post
input type="submit" 和 button[type="submit"] 有啥区别？
视觉和语义几乎一样，但 button 更灵活——能放 HTML 内容（比如加个 <svg> 图标），而 input 只能靠 value 控制文字。真正容易踩的坑是：忘了给 button 显式设 type="submit"，否则它默认是 type="button"，点了毫无反应。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 用
button[type="submit"]替代input[type="submit"]，更易维护、可嵌套内容 - 所有表单按钮都显式声明
type，避免依赖浏览器默认值 - 禁用状态统一用
disabled属性，别只靠 CSS 灰掉——否则仍可被键盘Enter触发
label for 和嵌套 input 哪种写法更可靠？
两种都合法，但嵌套写法（<label>用户名<input name="user"></label>）更少出错：不用手动配 for 和 id，也不会因 ID 重复或拼错导致点击无效。不过，如果 input 是动态生成或复用组件，用 for 更清晰。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 静态表单优先用嵌套
label，简单、健壮、无障碍友好 - 必须用
for时，确保label的for值和input的id完全一致（含空格、大小写） - 别给多个
input设相同id——HTML 不校验，但 JS 选中、屏幕阅读器都会出错
required 属性失效的常见原因
required 看似简单，但一提交就绕过验证，通常不是属性没写，而是：输入框被设了 display: none 或 visibility: hidden（浏览器忽略隐藏字段的 required 检查），或者用了自定义组件但没透传原生 required 到底层 input。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 隐藏必填字段请用
aria-hidden="true"+tabindex="-1"，别用 CSS 隐藏 - 封装表单组件时，把
required、name、value等原生属性显式绑定到底层input -
required只检查是否为空字符串，对空格、"0"、"false"都认为“已填写”，业务校验得靠 JS 或后端
表单不是写完就能跑通的拼图，每个属性背后都有浏览器规则在生效。漏掉一个 id、写错一个大小写、或者以为隐藏了用户就看不到——这些细节才是卡住进度的真实节点。
