<textarea>: 文本域标签

最后更新：2026-10-13

<textarea>文本域标签

多行纯文本输入框，适合留言、评论、代码等长文本输入。

分类	表单
内容模型	流式内容
允许的父元素	接受流式内容的元素
闭合标签	需要 `</textarea>` 标签
状态	标准

📝 语法

<textarea name="msg" rows="4" cols="50">默认文本</textarea>

⚙️ 属性

该元素支持全局属性及以下专有属性：

属性	值	描述
`name`		提交到服务器的字段名。
`rows`		可见行数。
`cols`		可见列数（宽度）。
`placeholder`		空值时的提示文字。
`required`		提交前必须填写。
`maxlength`		允许输入的最大字符数。
`readonly`		只读，不可编辑。
`disabled`		禁用该输入框。
`wrap`		换行方式：soft（提交不含换行）或 hard（含换行）。

查看所有全局属性 → 查看所有事件属性 →

▶ 示例

编辑下方代码，在 playground 中查看实时效果：

🌐 浏览器支持

浏览器	Chrome	Edge	Firefox	Safari	Opera
<textarea>	✓ v1	✓ v12	✓ v1	✓ v1	✓ v1
所有主流浏览器均支持

提示： textarea 的默认值写在开闭标签之间，不能用 value 属性设置。

❓ 常见问题

Qtextarea 怎么设置大小？

A两个层面：默认大小用 rows 和 cols 属性（行数与列宽）；是否允许拖拽调整用 CSS resize（none 禁止、vertical 只能纵向、both 自由）。现代布局常用 width/height CSS 直接定尺寸。

Qtextarea 的初始值写在哪里？

A写在开始和结束标签之间：<textarea>初始内容</textarea>。它没有 value 属性（与 input 不同），placeholder 属性仍然可用。JS 里读当前值用 textarea.value。

Qtextarea 可以限制输入长度吗？

A可以，加 maxlength 属性硬限制（超出无法输入），minlength 配合校验最短长度。注意 maxlength 按字符数（含换行符）计算，与后端字节限制可能不一致，前后端规则要对齐。

更多案例即将上线，敬请期待。

📚 相关教程

HTML Forms HTML Input Types Reference

HTML 标签参考手册

查看全部 HTML 标签的语法、属性与示例。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。