textarea元素用于创建多行文本输入框，支持换行和大段文字输入，基本语法为<textarea></textarea>，常用属性包括name、rows、cols、placeholder、required等，推荐使用css控制样式以提升响应式体验，如设置宽高、字体、边框及resize行为，需注意换行符在不同系统的差异及服务器端处理时的规范化。
在html中，textarea 元素用于创建多行文本输入框，适合用户输入较长的文本内容，比如留言、评论或反馈。与单行的 input 元素不同，textarea 支持换行和大段文字输入，是表单中常用的控件之一。
基本语法结构
创建一个 textarea 非常简单，使用 <textarea></textarea> 标签即可。它是一个双标签元素，中间可以包含默认显示的文本内容。
<textarea name=”message”>请输入您的意见…</textarea>
常用属性设置
textarea 支持多个属性来控制其行为和外观：
- name：定义文本域的名称，用于表单提交时标识数据。
- rows：设置可见行数。例如 rows=”5″ 表示显示5行高度。
- cols：设置每行可显示的字符数（宽度），受字体影响较大，通常用CSS替代。
- placeholder：提供提示文本，在没有内容时显示，获得焦点后消失。
- disabled：禁用文本框，无法输入且不提交数据。
- readonly：只读模式，用户不能编辑内容，但可以提交。
- required：表示该字段为必填项，提交时若为空会提示。
- maxlength：限制最大输入字符数。
<textarea name=”feedback” rows=”6″ cols=”50″ placeholder=”请留下您的建议” maxlength=”200″ required></textarea>
样式与尺寸控制（推荐使用CSS）
虽然可以通过 rows 和 cols 设置大小，但更推荐使用CSS来精确控制样式，提升响应式体验。
立即学习“前端免费学习笔记（深入）”；
<textarea name=”content” style=”width: 100%; height: 150px; padding: 10px;”></textarea>
通过CSS还可以设置字体、边框、调整大小（resize）等。例如禁止用户拖动调整大小：
textarea { resize: vertical; } /* 只能垂直调整 */ textarea { resize: none; } /* 禁止调整 */
注意事项
textarea 中的内容换行符在不同系统中可能有差异（如 n 或 rn），服务器端处理时需注意规范化。另外，默认情况下文本域内空白和换行会被保留，适合需要格式输入的场景。
基本上就这些。掌握这些基础用法，就能灵活地在网页中添加功能完善的多行输入框了。