type="text"用于创建单行文本输入框，是最基础类型；必须设置name属性才能在表单提交时被发送，否则后端无法接收该值。
type="text" 是 <input> 标签最基础、最常用的类型，用于创建单行文本输入框。它本身不校验内容，但必须配 name 属性才能在表单提交时被发送；漏掉这个，后端就收不到值。
为什么提交后收不到 type="text" 的值
常见原因不是 JS 拦截或后端解析错，而是 HTML 层面的硬性缺失：
-
name属性完全没写，或写成空字符串（name=""） -
name值含空格、点号（.）、方括号（[]）等特殊字符，部分后端框架（如 PHP 的$_POST、Express 的body-parser）会忽略或解析失败 - 用了
id却没配<label for="xxx"></label>，虽不影响提交，但可访问性差，测试时容易误判为“没生效” - 父级没包
<form></form>，又没手动调用form.submit()或 JS 提交逻辑，纯靠 Enter 键不会触发任何行为
type="text" 和 type="search" 到底该选哪个
视觉几乎一样，但语义和行为差异明显，选错会导致移动端体验打折或逻辑异常：
-
type="search"在 Safari/iOS 上自动带清除按钮（×），type="text"没有 - 按下 Enter 时，
type="search"默认不触发表单提交（除非显式绑定onsubmit或父<form></form>存在），而type="text"完全依赖表单上下文 - 移动端键盘：iOS/Android 对
type="search"通常显示“搜索”键，对type="text"显示“回车”或“前往”，影响用户直觉 -
type="search"默认禁用拼写检查（可加spellcheck="true"打开），type="text"默认开启
哪些属性值得加，哪些可以不加
不是所有文档里列的属性都该无脑堆砌，关键看场景：
立即学习“前端免费学习笔记（深入）”；
- 必加：
name（提交必需）、id（关联<label></label>）、placeholder（提升可理解性） - 按需加：
maxlength（防超长提交，比后端校验更早拦截）、autocomplete（设"off"要谨慎，登录名/邮箱这类字段关了反而伤体验） - 慎用：
size（用 CSS 控制宽度更可靠，size值受字体、缩放影响大） - 少用：
value（静态默认值可用，但动态值建议 JS 赋值，避免服务端渲染与客户端状态不一致）
最容易被忽略的是 name 的命名规范——别用 user.name 或 data[0] 这类带符号的值，哪怕前端看着正常，后端解析链上某一层（比如 Nginx 的变量映射、PHP-FPM 的参数过滤）可能直接丢弃。用下划线或中划线最稳妥。
