默认尺寸极小，需显式设 rows 和 cols 或用 css 的 width、min-height 控制；仅设 css 高度时旧浏览器可能换行异常；自适应高度须 js 监听 input 动态设 style.height = scrollheight 并禁用 resize。
TEXTAREA 标签怎么写才不会被自动截断？
直接写 <textarea></textarea> 会渲染成一个极窄极矮的框，用户点进去敲回车也没反应——不是功能坏了，是默认尺寸太小，连一行都显示不全。必须显式设置 rows 和 cols，或者用 CSS 控制宽高。
-
rows控制可见行数（不是最大行数），比如rows="5"表示默认显示 5 行文本高度 -
cols控制每行字符宽度，但受字体、缩放影响大，实际更推荐用 CSS 的width和min-height - 如果只设 CSS 高度没设
rows，部分旧浏览器（如 IE11）可能无法正确换行或光标定位异常
如何让 TEXTAREA 自适应内容高度？
用户输入越多，区域越往上撑开，这是常见需求，但原生 <textarea></textarea> 不支持自动伸缩。得靠 JS 监听 input 事件，动态调整 height 或 rows。
- 最稳的方式是读取
scrollHeight，然后赋给style.height，再加overflow: hidden防滚动条闪动 - 避免直接改
rows：它只接受整数，且在中文输入法未上屏时（如拼音候选中）scrollHeight可能不准，rows会抖动 - 别忘了加
resize: none，否则用户拖拽右下角会破坏自适应逻辑
为什么回车后内容提交时换行消失了？
后端收到的字符串里 \n 变成空格，或整个换行被过滤掉——大概率是表单提交前没做转义，或后端解析时把 \r\n 当非法字符干掉了。
- HTML 中
<textarea></textarea>内容天然保留\n（Windows 下用户敲回车生成的是\r\n，但浏览器统一归一为\n） - 检查 JS 提交前是否用了
.innerText（它会丢换行）→ 改用.value - 后端接收时确认字段类型支持文本换行（比如 MySQL 的
TEXT类型可以，但VARCHAR(20)显然不行） - 如果用 AJAX 提交，确保
Content-Type是application/json且 JSON 字符串里\n被正确转义（JSON 标准允许\n，但需双引号包裹）
移动端 TEXTAREA 常见失灵点
在 iOS Safari 或 Android Chrome 里，点进去光标不出现、键盘弹不出、输入卡顿——往往不是代码错，而是样式或交互干扰。
- 确保
textarea没被pointer-events: none或透明遮罩层盖住 - iOS 上如果父容器有
-webkit-overflow-scrolling: touch，可能和textarea滚动冲突，临时去掉试试 - 不要在
focus事件里立刻调用scrollIntoView()，iOS 会拒绝滚动；可加setTimeout(..., 0)延迟一帧 - Android 输入法有时会把长按“回车”识别为“发送”，可在
textarea上监听keydown拦截Enter键（但注意别误杀正常换行）
