不是必须，但绝大多数场景下建议写在form里；脱离form时submit按钮失效、后端收不到字段，仅可通过javascript手动收集并提交。
input 标签必须写在 form 里才能正常提交数据吗？
不是必须，但绝大多数场景下建议这么做。浏览器会把 <input> 的 name 和 value 提交给服务器，前提是它属于一个已提交的 <form></form>；如果脱离 <form></form>，submit 类型按钮失效，reset 没意义，且后端通常按 name 键名接收字段——没包在表单里，连提交动作都触发不了。
例外情况：用 JavaScript 手动收集 document.querySelectorAll('input') 并发请求，此时 <form></form> 只是语义容器，非功能必需。
type 属性有哪些常用值，各自对应什么行为？
type 是 <input> 的核心控制开关，不同值决定渲染形态、交互逻辑和提交内容。常见值包括：
-
text：普通单行文本框，输入内容明文可见 -
password：内容显示为掩码（• 或 ∗），但 DOM 中仍可读取明文值 -
checkbox：多选开关，选中时提交其value（未选中不提交该字段） -
radio：单选组，同名name下仅有一个能被选中，提交选中项的value -
submit：触发表单提交，点击后默认向<form></form>的action地址发送数据 -
hidden：不渲染 UI，但参与提交，常用于传 token、ID 等后台需要但用户不可见的值
注意：type="number" 或 type="email" 不强制校验，仅提供基础类型提示和软键盘优化，真实校验仍需 JS 或后端配合。
name、id、value 这三个属性到底谁管什么？
它们分工明确，混用容易出问题：
-
name：提交时的字段键名，后端靠它取值，如<input name="email">提交后是email=xxx@xx.com；radio 组必须共用同一name才能互斥 -
id：唯一 DOM 标识，供 CSS 选中或 JS 用document.getElementById()获取；不能重复，也不影响提交逻辑 -
value：初始值或当前值；对checkbox/radio来说，这是选中后实际提交的内容；对text来说，是用户输入前的默认文字
常见错误：把 id 当 name 用，结果后端收不到字段；或者给多个 radio 写了不同 name，导致全都能选。
为什么 placeholder 显示了，但提交时字段却是空的？
placeholder 只是视觉提示，不是 value，它不会参与表单提交，也不会影响字段是否“有值”。用户没手动输入，字段就是空字符串或未定义。
判断字段是否为空，不能只看 placeholder 是否显示，得检查 input.value.trim() === ''；若想设默认值，必须显式写 value="默认内容"，而不是依赖 placeholder。
另外，required 属性只校验用户是否输入过（即 input.checkValidity() 返回 false），跟 placeholder 完全无关——这也是新手最容易误解的一点。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
