html表单核心结构是容器加至少一个可提交控件，缺一不可；定义提交单元，name决定后端键名，submit按钮需type="submit"，验证属性依赖表单包裹。
HTML 表单最核心的结构就两样：<form></form> 容器 + 里面至少一个可提交的控件（比如 <input type="text"> 或 <button type="submit"></button>）——缺一不可，否则数据根本传不出去。
为什么 <form></form> 标签不能省
浏览器只认 <form></form> 为“可提交单元”。哪怕你写了一堆 <input>，没包在 <form></form> 里，点击按钮也不会触发提交行为；name 属性也会失效，后端收不到字段名。
-
action属性必须填（哪怕只是action="#"），否则表单默认提交到当前 URL，容易刷新页面或 404 -
method建议显式写成method="post"或method="get"，不写时浏览器按get处理，但敏感数据（如密码）会暴露在地址栏 - 多个表单共存时，每个
<form></form>必须有独立id，否则用 JavaScript 操作时容易误选
<input> 的 name 属性到底起什么作用
它不是给用户看的，而是决定“后端收到的数据键名”。比如 <input name="email" value="a@b.com"> 提交后，后端拿到的是 {"email": "a@b.com"}。没有 name，这个字段就等于不存在。
- 单选框（
type="radio"）必须同名（name="gender"），才能互斥选择 - 复选框（
type="checkbox"）若要提交为数组，也得用相同name，例如name="hobby"，勾选多个时后端收到["reading", "coding"] -
value是初始值，用户修改后以实际输入为准；空value仍会传空字符串，不是忽略
提交按钮必须是 <button type="submit"></button> 或 <input type="submit">
普通 <button></button> 或 <input type="button"> 点击不会触发表单提交，它们只是 DOM 元素，需手动绑定 JS 才能发请求。
- 推荐用
<button type="submit">提交</button>：语义清晰、支持富文本（比如加图标）、样式更可控 -
<input type="submit">只能显示纯文本，且无法嵌套其他标签 - 如果页面有多个按钮，务必确认只有一个
type="submit"，否则回车提交可能触发意外操作
最容易被忽略的是：表单控件脱离 <form></form> 后，required、pattern 等原生验证完全失效——不是“不好用”，而是压根不运行。结构松散，功能就断链。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
