表单必须用form标签包裹并设置action和method属性，input需有name属性，label须正确关联input，type要匹配字段类型，本地测试需启用http服务而非直接打开html文件。
表单必须有 form 标签包裹，否则数据根本发不出去
很多人直接写一堆 input 就以为是表单，结果点提交没反应——缺了 form 标签，浏览器根本不识别这是可提交的结构。它不只是个容器，还决定数据往哪发、怎么发。
-
form必须带action属性，比如action="submit.php"（测试时可用action="#"暂存） - 推荐加上
method="post"（默认是get，但密码、长文本、中文容易出乱码或截断） - 别漏掉
submit类型的input或button，只写<button>提交</button>不加type="submit"有时不触发提交
input 的 name 属性不是可选的，它是后端收数据的唯一依据
没写 name 的 input，提交后后端完全收不到这个字段。哪怕加了 id 或 class 也没用——那些只给 CSS 或 JS 用，跟表单数据无关。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 用户名输入框得写成
<input type="text" name="username">，后端才能通过$_POST['username']（PHP）或request.form['username']（Flask）拿到值 - 邮箱、手机号等建议加
type，比如type="email"或type="tel"，手机端会弹出对应键盘，且部分浏览器自动校验格式 - 密码字段必须用
type="password"，否则明文显示，连基础安全都做不到
用 label 包裹 input 或配 for，否则点文字没法聚焦输入框
用户习惯点击“姓名”两个字来激活输入框，但如果没正确关联 label 和 input，点击无效——这不光是体验问题，无障碍访问（如屏幕阅读器）也依赖这个关系。
- 推荐写法：
<label>姓名：<input type="text" name="name"></label>（直接包裹，简洁可靠） - 或者用
for+id配对：<label for="email">邮箱</label><input type="email" id="email" name="email"> - 别只写
<label>邮箱</label><input type="email" name="email">——两者没绑定，点击文字无响应
本地测试时别指望双击 HTML 文件就能跑通提交逻辑
浏览器直接打开 file:// 路径的 HTML，form 提交会失败（跨域限制+无服务端），看到 net::ERR_FILE_NOT_FOUND 或空白页是正常现象，不是你代码写错了。
- 最简验证方式：把
action设为#，加一行<script>document.querySelector('form').onsubmit = e => { console.log(new FormData(e.target)); e.preventDefault(); }</script>，看控制台能否打出数据 - 想真提交，必须起一个本地服务，比如用 Python 快速启动：
python3 -m http.server 8000，然后访问http://localhost:8000/your-form.html - 别花时间调试 “为什么点提交没跳转”，先确认是不是卡在本地文件协议上
form 管传输，name 管标识，label 管交互，type 和 method 管行为。漏掉任意一环，轻则功能失效，重则数据丢失或暴露。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
