基础文本框应写为并配；value属性设初始值，.value读写运行时值；无name不提交，disabled不提交而readonly可提交。
HTML 里怎么写一个基础的 <input> 文本框
直接用 <input type="text"> 就行，这是最轻量、最通用的写法。它不需要闭合标签，浏览器会自动渲染成单行文本输入框。
常见错误是加了 或写成 <input> —— 这是无效 HTML，部分浏览器可能忽略或报解析警告。
-
type="text"是默认值，但显式写出更清晰，也避免意外被 JS 或框架覆盖 - 务必加上
name属性，否则表单提交时这个字段不会被发送（后端收不到） - 加
id和配套的<label for="xxx"></label>，不然屏幕阅读器和点击 label 聚焦都失效
<label for="username">用户名</label> <input type="text" id="username" name="username" />
为什么 value 属性和 JS 的 .value 不总是一回事
页面加载时，value 属性决定初始值；之后用户输入或 JS 修改 .value 属性，只改内存状态，不反写回 HTML 属性。
典型坑：用 document.querySelector('input').getAttribute('value') 想读当前输入内容？永远只能拿到初始值，不是用户刚打的字。
立即学习“前端免费学习笔记（深入）”；
- 读当前输入内容，必须用
.value（JS 属性），不是getAttribute('value') - 设初始值用
value="xxx"（HTML 属性），设运行时值用.value = 'xxx' - 如果用
innerHTML或outerHTML重新插入 input，原.value会丢失，回到value属性值
Chrome/Firefox/Safari 对 autofocus 和 placeholder 的行为差异
autofocus 在页面加载后自动聚焦，但 Safari 移动端默认禁用（防弹窗干扰），且如果页面是 iframe 加载或从后台恢复，也可能失效。
placeholder 只是提示文字，不是默认值，提交时为空字符串；它不触发 change 或 input 事件，别指望靠它做实时校验。
- 移动端软键盘是否自动弹出，取决于
autofocus+ 用户交互上下文，不能强依赖 -
placeholder文字颜色由浏览器控制，CSS 里要用::placeholder伪元素单独设样式，且各浏览器前缀不同（::-webkit-input-placeholder等） - 如果需要“带默认值的提示”，得用 JS 监听
focus/blur手动切换，别硬塞value和placeholder混用
表单提交时，空文本框为什么有时传的是空字符串，有时根本没传
关键看有没有 name。没 name 的 <input>，无论填没填，都不会出现在提交数据里 —— 不是传空，是压根不上线。
有 name 但用户没输内容，就是传一个空字符串 ""（URL 编码后是 key=）。后端收到 key 字段存在但值为空，和字段缺失是两回事。
- 用
required属性可阻止空提交，但只是前端校验，服务端仍要判空 - 如果想让“未填写”和“填了空格”区分开，后端建议用
.trim().length === 0判，而不是只看是否为空字符串 - 注意：
disabled的 input 也不会提交，哪怕有name；要用readonly替代
name 和 label 配套。别的都能调，没 name 就等于这个框在表单里不存在。 
