最直接创建单行文本框用，多行用；语义化输入类型如email、tel等增强校验与体验；name必填、label需配for、textarea内容写标签内。
用
HTML5 中最常用、最轻量的文本输入方式就是 元素配合 type="text"。它不换行、不带滚动条，适合用户名、搜索关键词等短文本场景。
关键点：
-
name属性必须设置，否则表单提交时该字段不会被发送 -
id和for搭配才能真正支持无障碍聚焦（点击标签也能激活输入框） - 默认无宽度限制，需用 CSS 控制
width或使用size（以字符数为单位，仅作提示，非强制）
用
当需要用户输入段落、留言、代码片段等支持回车和自动换行的内容时， 是唯一标准选择。它不是 的变体，而是独立元素，内容写在开始与结束标签之间。
注意细节：
立即学习“前端免费学习笔记（深入）”；
- 不支持
value属性，初始值必须写在标签体内（如） -
rows和cols是 HTML 属性，仅提供渲染建议；实际尺寸优先由 CSS 的height/width或resize控制 - 提交时会保留所有换行符（
\n），后端需注意处理
HTML5 新增的语义化输入类型（不只是 text）
HTML5 扩展了 type 值，虽然仍属 ，但能触发原生校验、唤起更合适的软键盘，并提升可访问性。它们不是“替代 text”，而是在特定场景下更精准的选择：
-
type="email"：浏览器自动校验邮箱格式，移动端弹出 @ 键盘 -
type="tel"：唤起数字键盘（但不自动校验格式，需配合pattern） -
type="search"：部分浏览器添加清空按钮，语义上表明这是搜索框 -
type="url"：校验是否含协议前缀（如https://）
⚠️ 注意：type 值非法时，浏览器会自动降级为 type="text"，所以不必担心兼容性，但别依赖它做唯一校验。
常见错误和容易忽略的坑
新手常因忽略基础属性导致功能异常或体验断裂：
- 漏写
name→ 表单提交后后端收不到这个字段 - 只写
id不配→ 屏幕阅读器无法关联，触屏用户点击标签无效 - 对
误用value→ 内容不会显示，因为它是双标签，值必须写在标签内 - 用
maxlength限制中文输入时发现字数不准 → 它按 Unicode 字符计数（一个汉字 = 1），通常没问题；但若涉及代理对（如某些 emoji），可能需额外处理
真实项目里， 和 的选择，核心就看用户是否需要换行 —— 别被“看起来像”迷惑，要看语义和行为边界。
