form标签必须同时设置method和action属性才能正常提交，仅写或漏掉method会导致静默失效；input[type="submit"]内容受限于value属性，button[type="submit"]支持内嵌html且更易样式化；所有表单控件须有name属性才会上报数据；label的for属性必须严格匹配控件id（大小写敏感）才能实现点击穿透。
form 标签必须带 method 和 action 才能提交
浏览器默认把 form 当成静态容器，不设 method 和 action 就点不动——点提交按钮没反应、控制台也没报错，纯静默失效。
常见错误是只写 <form></form>，或者只配 action 但漏了 method（尤其在 GET 表单里误以为可以省略）。
-
method值只能是"get"或"post"（大小写敏感，"GET"会退化为get，但别赌这个） -
action为空字符串""表示提交给当前 URL，不是“不提交” - 没写
action时，部分浏览器会尝试提交到当前页面路径，但行为不一致，务必显式声明
input[type="submit"] 和 button[type="submit"] 的行为差异
两者都能触发表单提交，但默认行为和可定制性差得挺多。
用 input 写提交按钮，内容只能靠 value 属性，没法塞图标或换行；而 button 是真元素，里面能放任意 HTML，也更容易用 CSS 控制样式。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
-
<input type="submit" value="登录">：value 是纯文本，无法加<span></span>或图标字体 -
<button type="submit">登<span class="icon">→</span>录</button>：支持内嵌标签，语义更清晰 - 注意：
button在表单里不写type默认是"submit"，容易意外触发提交，建议始终显式写type="submit"或type="button"
name 属性缺失导致后端收不到字段
所有要提交的控件（input、select、textarea）必须有 name，否则浏览器根本不会把它放进请求体——不是值为空，是压根不发。
常见翻车点：改了 id 或 class 就以为够了，或者用 data-name 代替 name，或者在 Vue/React 里只绑了 v-model / value 却忘了加 name。
-
<input type="text" id="username">→ 后端收不到username -
<input type="text" name="username">→ 正常发送username=xxx - checkbox 和 radio 必须同名才能互斥或归组，
name是它们的“分组身份证”
label for 和点击穿透问题
label 的 for 属性必须严格匹配目标控件的 id，否则点击 label 不会聚焦或切换控件——这是最常被忽略的“为什么点不中”原因。
另一个坑是嵌套写法：<label><input type="checkbox">同意</label> 虽然有效，但对屏幕阅读器不够友好，且某些 CSS 重置会破坏内联交互。
-
<label for="agree">我同意</label><input type="checkbox" id="agree">→ 安全可靠 -
<label for="agree">我同意</label><input type="checkbox" id="AGREE">→ 匹配失败（大小写敏感） - 避免用
display: none隐藏input后只留label，会导致无障碍访问中断，也增加调试难度
name，后端就丢字段；for 和 id 差个空格，用户就得手动点框里；button 忘写 type，可能点哪都提交。这些都不是报错型问题，是静默失效型问题——得一个个抠着看才找得到。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
