本文详解如何将 HTML 中的单行文本输入框（<input type="text">）安全、规范地替换为支持多行输入的 <textarea> 元素，重点纠正常见错误（如误用 type="textarea"、标签嵌套混乱、PHP 变量插入不当等），并提供可直接运行的代码示例。
本文详解如何将 html 中的单行文本输入框（``）安全、规范地替换为支持多行输入的 `
在 Web 表单开发中，当需要用户输入多行内容（如评论、反馈、长描述）时，必须使用 <textarea> 元素，而非试图通过 input[type="textarea"] 实现——该属性值根本不存在于 HTML 标准中，浏览器会忽略或降级为默认的 type="text"，导致无法换行。
你原始代码存在多个关键问题：
- ❌ 错误声明 <input type="textarea"> —— type 属性不支持 textarea 值；
- ❌ 混用 <input> 与 </textarea> 闭合标签，造成 DOM 结构断裂；
- ❌ cols 和 rows 属性对 <input> 无效（仅适用于 <textarea>）；
- ❌ PHP 变量 '.$row["user_review"].' 被错误置于 value 属性中，而 <textarea> 的内容应写在开始与结束标签之间。
✅ 正确做法是：完全移除 <input>，改用语义清晰的 <textarea> 标签，并将数据库字段值作为标签体内容输出。以下是修正后的标准写法（兼容 PHP 混合环境）：
<label for="user_review">Review</label>
<textarea class="form-control"
id="user_review"
name="user_review"
cols="30"
rows="5"
placeholder="请输入您的详细评价..."><?php echo htmlspecialchars($row["user_review"], ENT_QUOTES, 'UTF-8'); ?></textarea>⚠️ 重要注意事项：
- 安全过滤不可省略：务必使用 htmlspecialchars() 对 $row["user_review"] 进行转义，防止 XSS 攻击；
- 不要设置 value 属性：<textarea> 不接受 value，其内容由标签内文本决定；
- cols/rows 是提示值：实际尺寸建议优先通过 CSS 控制（如 width: 100%; min-height: 120px;），以保证响应式适配；
- 语义化与可访问性：保留 for/id 关联和 name 属性，确保表单提交与屏幕阅读器兼容。
最后提醒：<textarea> 是双标签元素，必须成对书写（<textarea>...</textarea>），且禁止嵌套其他表单控件。完成替换后，刷新页面即可获得原生多行编辑体验——无需额外 JavaScript，语义正确、兼容性强、维护成本低。
