form标签必须包裹所有需提交的控件，且各控件须有name属性；textarea内容写在标签内并需rows/cols；提交按钮须在form内或用form属性绑定；POST文本提交保持默认enctype。
form 标签必须包裹所有要提交的控件
表格（<table>）本身不参与数据提交，它只是布局容器。很多人把 <code><input> 或 <textarea></textarea> 放在 <tr> 里就以为“表单在表格中”，但若这些输入控件没被 <code><form></form> 包裹，点击提交按钮时它们的值根本不会发到后端。
常见错误现象：request.form.get("content") 返回 None，即使页面上明明填了文字；浏览器开发者工具 Network 面板里看到请求 body 是空的。
-
<form></form>开始标签必须出现在<table> 外层，或至少包裹住全部需要提交的 <code><input>/<textarea></textarea> - 表格内部的每个可编辑字段（如
<textarea name="remark"></textarea>）都必须带name属性——这是后端识别数据的唯一依据 - 不要依赖 CSS 布局把按钮“视觉上”放在表格旁边，而让它物理上脱离
<form></form>；按钮也必须在<form></form>内部，或用form="form-id"显式绑定 - 正确写法：
<textarea name="notes" rows="3" cols="40">默认内容</textarea> - 如果用 CSS 控制大小，仍建议保留
rows/cols作为语义化 fallback - 在 Flask 后端用
request.form.get("notes")获取，不是request.form["notes"]（避免 KeyError） - 把整个
<table>（含按钮所在行）放进 <code><form></form>标签里，最直接、兼容性最好 - 给
<form></form>设id="data-form"，按钮写成<button type="submit" form="data-form">提交</button>；注意form属性值必须和id完全一致（区分大小写、无空格） - 避免用
<input type="button">+ JavaScriptclick事件来模拟提交，除非你明确要拦截并手动构造请求（比如用fetch） -
<form method="POST" action="/save"></form>—— 浏览器自动用application/x-www-form-urlencoded - Flask 默认能正确解析这种编码，无需额外配置中间件
- 如果误加了
enctype="text/plain"，后端会收到无法解析的原始字符串（如title=abc&body=def被当作文本而非键值对）
textarea 在 table 单元格里要加 name 和 rows/cols
<textarea></textarea> 不像 <input type="text"> 那样靠 value 属性传初始值，它的内容写在开始和结束标签之间，且必须有 name 才能被提交。
容易踩的坑：只写了 <textarea>hello</textarea>，但漏掉 name="msg"；或者用了 width/height CSS 控制尺寸，但没设 rows 和 cols，导致在某些浏览器中显示异常或被截断。
立即学习“前端免费学习笔记（深入）”；
提交按钮 type="submit" 必须在 form 内或显式绑定
表格里常把“提交”按钮放在最后一行 <td> 中，但如果这个 <code><button></button> 没在 <form></form> 标签内，点击它不会触发任何提交行为——哪怕它离 <textarea></textarea> 只有一像素。
两种可靠做法：
POST 提交时 enctype 一般不用改
纯文本域（<input>、<textarea></textarea>）提交不需要改 enctype。只有当你同时上传文件（<input type="file">）时，才必须设 enctype="multipart/form-data"，否则后端收不到文件，连带文本字段也可能解析失败。
如果你只提交表格里的文本内容，保持默认即可：
<table> 的嵌套层级再深，也不会自动把子元素变成表单控件。必须靠 <code><form></form> 的边界来定义“哪些东西一起提交”。
