textarea标签用于创建多行文本输入框,支持用户输入较长内容如留言、评论或文章,并可调整高度和字体。

HTML中的textarea标签用于创建多行文本输入框,适合用户输入较长的文字内容,比如留言、评论或文章。它比单行的更灵活,能容纳换行和大段文字。
基本语法结构
<textarea name="message" rows="5" cols="30">默认文字</textarea>
- name:表单提交时的字段名
- rows:显示的行数(高度)
- cols:每行显示的字符数(宽度)
- 标签之间的内容是默认显示的文本
设置大小与样式
虽然可以用rows和控制基础尺寸,但推荐使用CSS来精确控制外观。
示例:
立即学习“前端免费学习笔记(深入)”;
<textarea name="content" style="width: 100%; height: 150px; font-size: 14px;"></textarea>- 用调整高度和字体
- 支持
- 添加属性可以限制最多输入字符数。
<textarea maxlength="200"></textarea>
这在需要控制评论或留言长度时非常实用,防止输入过长内容。
结合表单使用
通常中提交数据。
<form action="/submit" method="post">
您的反馈:
<textarea name="feedback" rows="6" cols="50" placeholder="写下您的建议..."></textarea>
<input type="submit" value="提交">
</form>提交后,服务器可通过的基本属性和样式设置,就能轻松实现网页上的多行文本输入功能。不复杂但容易忽略细节,比如忘记设











